It seems there is a new catch-phrase emerging in the web development field: object-oriented CSS. On the face of it, this strikes me as simply being best-practice packaged up in a catchy slogan. I understand and fully respect the intentions behind the movement, but is there any more to it? Does anyone have any further insight that sets...
Visual Studio does a lot to help you make sure that your html/xhtml is valid and well formed. This is nice except for when you are breaking those rules knowing full well what you are doing and why. I really would like to 'turn off' the validation messages that tell me that css 3 named colors are not valid for the version of css it thinks...
I am working on a project where I need to build the pages using div tags and css. The pages look fine in Firefox, Opera, Safari and IE 8, but my client who is using IE7 is complaining of layout problems in IE 7. Can someone take a look and tell me how to fix the code so it will work in all the browsers, especially IE 7? Links and css ...
I would like to add a popup message like the one that appears on stackoverflow when I am not logged in and I try to use voting buttons. What is the best method for achieving that? Is it done using a jquery library? ...
I've been building an iphone optimitized version of my site, and have been trying to get animations to work/transitions to work. I looked at iui/ciui,etc.etc. but they seem like overkill for what I need. I'm using jquery and have most of the functionality built, except that I couldn't get .animate to work smoothly, so I'm trying css tr...
I am looking to vertically center a <div> in the viewport (browser window) without resorting to Javascript (pure HTML and CSS only). I have several constraints: The div must be centered vertically in the viewport. Methods I have seen only support centering inside another <div>, which is not what I want. The height of the div is not k...
Hi. My footer if quite high so I'm wondering if it is possible to get the content to overlap it slightly whilst still remaining in the content flow? I suppose the alternative is to make the footer a few thousand pixels high and position it at the bottom. It's not an elegant solution though, anyone have a better idea? ...
I'm surprised that there is no "text-decoration: reverse" in CSS as it seems very awkward to achieve using JavaScript. I.E. set the element's foreground and background color to the background and foreground of the parent respectively. I noticed JavaScript techniques for that here Surely it's not that complicated? ...
To target elements only in IE browsers i'll use IE6: * html #nav li ul { left: -39px!important; border: 1px solid red; } IE7: *+html #nav li ul { left: -39px!important; } Does anyone know how to target IE8? ...
In my application I am allowing users to upload their css style sheets so they can applied to templates. The css is written as an internal style sheet, because at this time I would not like to expose the css style sheet to other users. That creates room for users to include malicious code into the css file. Initially my plan was to conv...
I'm in the process of doing some advance IE8 testing, and it seems that the old technique of using "margin: 0 auto;" doesn't work in all cases in IE8. The following piece of HTML gives a centered button in FF3, Opera, Safari, Chrome, IE7, and IE8 compat, but NOT in IE8 standard: <div style="height: 500px; width: 500px; backg...
We've got an application where users can enter "notes" into a rich edit control (Telerik's RedEditor, but that doesn't matter here). We had a user enter notes from w/in Safari that had a <span></span> in the middle of the note, and that span had a style on it specifying white-space:pre The HTML of the note was in the form of: <div> This...
I'm developing a dynamic html pop-up window (an absolute positioned div) using jQuery that automatically centers itself on the screen. It can also accommodate content that fits or exceeds the dimensions of the window screen. The idea is that our customer clicks a "read more" link next to our product listing and then this pop-up window c...
Hey, if you go to this page and hit one of the left dropdowns - http://ryancoughlin.com/hp/index.php?c=about - it almost looks like it is glitching/bumping, once it gets to the bottom or rides back up top. Is it possible to fix this? Or is this how it behaves in jQuery? Thanks a ton, Ryan CODE: $(".menu-header").click(function() { ...
Duplicate of: What is the best book on CSS? I have experience with web development and need an intermediate book about CSS. Specifically I am looking for best practices and help coping with browser differences. ...
It seems like there are a few different techniques out there, so I was hoping to get a "definitive" answer on this... On a website, it's common practice to create a logo that links to the homepage. I want to do the same, while best optimizing for search engines, screen readers, IE 6+, and browsers who have disabled CSS and/or images. E...
I have an input field in which a serial number will be typed. The number of characters allowed is set. Problem is that because of the letter-spacing, on typing a char in firefox, the cursor will jump ahead to where you would type the next char (even with maxlength set), which has the chars break break out of the little boxes they are su...
Hello, First time question here. I have a site that I built around tables, I know not good, but it has been done. It looks fine in Firefox, but the text is all over the place in IE. Link is http://www.mothershipinc.com Warning: contains music Here is the code for the index page: <?php include "db.php"; function imageResize($width,...
Hi, I'm trying to create a particular CSS button described here: http://www.2shared.com/file/5131551/412bd8a8/Sans_titre-1_copie.html Basically, it's a button that fulfills the following conditions: the inside text is HTML content (it will contain text + images) it has rounded corners It changes colors when the mouse hovers it flex...
Update: I got the first part working, but the corners are not. See part 2 below. How do you apply a style to a tabBar (in GWT) so that you can a single tabBar at a time? I have a few different tabPanels that need to have different styles but I can't figure out how to correctly apply the style to the bar and then how to add that style...