Update: Transparent Background PNGs in IE6
This is an update to a previous post I made about Transparent PNGs in IE6. I finally tried out the “IEPNGFIX v2.0″ which was supposed to be the only solution I’ve found to support transparent background PNGs and tiling background PNGs in IE6. The other PNG fixes worked just fine for non-background images, but I am happy to report that the IEPNGFIX v2.0 works like a charm! It’s still in Alpha mode but it appears to work just fine with a background PNG image on one of my client’s websites. Woohoo!
Align Image to Bottom of Table Cell in IE with CSS
Sometimes you might set the table cell to “valign=bottom” to place an image at the bottom of a table cell but a space of 1 or 2 pixels is still appearing at the bottom in Internet Explorer. A quick way to fix that is to apply the CSS declaration “vertical-align: bottom;” to the image itself.
JavaScript Generic Form Validation Script
Here’s a simple JavaScript form validation script that is easy to implement. It’s not rock solid but it’s a decent solution for a lot of sites.
http://www.techtoolblog.com/archives/javascript-generic-form-validation
Styling Unordered Lists with CSS
I always seem to forget the steps I take in order to style unordered lists with CSS so I’m outlining the process below so I’ll always have it to check back on for future use. And maybe you’ll find it useful, too.
(Note: I ALWAYS use a “reset.css” stylesheet to strip out all of the browser-default styles. Doing so means that I won’t have to reset those styles in the declarations below.)
Style for UL
ul.class{
padding-left: 10px;
}
Style for individual listed items
ul.class li{
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
padding-left: 8px;
background-position: 0 12px;
line-height: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
Reset Reloaded Stylesheet
A global reset.css file is a must for anyone who develops in Cascading Style Sheets. Eric Meyer’s Reset Reloaded will likely fulfill all of your needs.
