-
Internet Explorer 6 double margin bug fix on floated elements
Internet Explorer 6 (IE6) effectively doubles margin values on floated elements. As a work-around to this bug, simply add "display:inline" to the floated element with the margin.
Also categorized under ie6, web browsers, website development
-
Separating presentation from content using CSS (Cascading Style Sheets)
This post is an attempt to encourage proper CSS use for the separation of presentation and content by shedding light on what exactly separation of presentation and content means and the advantages it offers a professional website designer & developer and the visitors of a web site.
Also categorized under website development
-
Opacity (hasLayout) in Internet Explorer on expanded :hover elements
Although there are several workarounds for Internet Explorer's known problems with opacity, I recently ran into a new issue when trying to create a semi-transparent drop-down menu for a client using the css :hover pseudo-class.
Also categorized under ie6, web browsers, website development
-
Preload rollover images without any extra CSS or Javascript
Using alternate background images for "active" elements, or when hovering over an element is extremely common. In changing the image, however, unless precaution is taken, a flicker or delay is to be expected while the alternate image is loaded. I often use a single image that contains many possibilities and simply shift it's position around using CSS depending on the specific button in my custom website designs.
Also categorized under javascript, website development
