Graphic Nav Bars Using One Image Only
Tuesday, October 9th, 2007
Remember when, for a five-section graphic nav bar we would have 15 images … five images for the Off state, five images for the Hover state, and five images for the On state? And then we cleverly had just five images - one for each section - in which we combined the Off, Hover, and On states? Well lately I’ve been taking this trend to it’s logical conclusion … one image for everything. That’s right, for everything.
Using background positioning in CSS, this is actually pretty easy to accomplish. Now you only have one image to create, and it has the extra bonus of taking care of any pesky little IE flicker problems. Here’s how to do it …
more ...