- CSS only menus
-
Cssplay.co.uk - CSS menus
A wide (more than you could dream of even if you eat a lot of strange cheese) CSS menus. Some favourites are: Drop-down menu examples; fly-out menu examples; A variable width drop-down definition list; Tab style definition list / Drop-down menu with background images - drop-down menu with background images; Drop-down and third-level fly-out menu; Tabbed menus; fitted doors (based on sliding doors tabs).
-
A List Apart - Sliding Doors of CSS
A tutorial on creating a flexible tabbed menu system for web site navigation using CSS.
-
Exploding-boy.com - Tabbed menu drop-down
A flexible tabbed menu system for web site navigation using CSS. Uses an additional span inside the href anchor link so hover effects on the background can be used in IE6.
-
Exploding-boy.com - Centered sliding doors
Centered sliding door tabs complete with an active tab.
-
456bereastreet.com - inverted tabs menu
Tabbed menu with inverted tabs - i.e. they are bottom-aligned, and as text size is increased, more of the tab is revealed from the top down, instead of from the bottom up as in the original Sliding Doors technique.
-
Simplebits.com - Accessible image tabs
Accessible, Javascript free, image-tab rollovers.
-
Web-graphics.com - Inline mini tabs
Using display:inline to make horizontal centered navlists.
-
Grc.com - CSS only drop-down
CSS only drop-down / fly-out menu. No client-side scripting, Absolute browser and platform compatibility, Text scaling friendly, Narrow window width handling, Functional for non-CSS, or CSS-disabled, browsers.
-
Howtocreate.co.uk - CSS menu
This uses just CSS to turn nested lists into a working menu and does not use any JavaScript (except a conditional comment and DHTML behaviours make it work in IE 5+.)
-
Unraveled.com - CSS tabs
CSS tabs without using any images or hacks and with as little CSS as possible.
