Better Nav Image Replacement Tutorial

Advertisement


betternav.png

Website Elliot Jay stocks details a nice image replacement CSS navigation technique in his article CSS Tutorial: better nav image replacement.

So in this tutorial, we’ll do things differently: one single image will be used for all of our buttons and all three of their states (up, over, selected), our CSS will handle all the important stuff, and you’ll end up with some very neat, accessible, standards-compliant markup… as well as a great looking nav.

Worth a read for an interesting technique.

December 2, 2007 in CSS Navigation

Search etc.

More Entries From CSS Navigation

30 Exceptional CSS Navigation Techniques Six Revisions takes a look at the "innovative ways in which designers and developers have used CSS to innovate upon its shortcomings" by illustrating... (April 16, 2009)

CSS Menus CSS Menus is a repository of great CSS menus in a variety of styles to download and use. Free for personal use or donation... (February 17, 2009)

10 Brilliant Multi Level Navigation Menu Techniques A nice article from devSnippets today, taking a look at multi-level navigation techniques using different Javascript libraries and CSS. Worth a read. 10 Brilliant... (January 22, 2009)

Styled Menus: ready-made CSS menus Styled Menus offers up a bunch of ready-made CSS menus that are both attractive, XHTML compliant and tested in all major browsers. There are... (December 15, 2008)

50 Gorgeous Navigation Menus Vandelay Website Design has collected a nice group of navigation menus, from mnimal to artistic to colorful. Chock full of inspiration! 50 Gorgeous Navigation... (November 12, 2008)