Some CSS reminders

Here are some things to keep in mind when building CSS sites

Image Replacement

The first rule to bear in mind is simply this. Whenever replacing the text in a header tag with a background image remember, since we loose the alt="" capability, we must place the title="" element within the tag

The following site lists all the variations of Image Replacement techniques but here are a few key points

This one is my current favorite, even if it does require the extra span tag

The following code, the Gilder/Levin Method, is nice when you have an opaque image which will always cover the text entirely:

This one, Phark Revisited, I like because it basically just shifts the text off screen and removes the need for extra spans