CSS Navigation
Chapter 9 shows you how to create navigation buttons for your Web site from scratch. But online tutorials are a great way to solidify your knowledge. Also, once you understand the process in detail, you don't have to do it yourself every single time. On the Web you can find examples of navigation features for inspiration.
Tutorials
http://tutorials.alsacreations.com/rollover_unique/. How to create a graphical menu with a single image. Includes rollovers!
Listutorial: http://css.maxdesign.com.au/listutorial/. Step-by-step tutorials on building navigation systems from unordered lists.
Online Examples
Pure CSS Pop-ups: http://www.meyerweb.com/eric/css/edge/popups/demo.html. Pop-up effects, purely with CSS.
CSS Tab Designer: http://www.highdots.com/css-list/. Windows-only software for quickly generating tabbed CSS menus.
CSS Showcase: http://www.alvit.de/css-showcase/. A gallery of navigation menus, tabs and CSS navigation techniques.
Listamatic: http://css.maxdesign.com.au/listamatic/. Showcase of CSS-based navigation systems. Also lots of links to related Web sites.
Listamatic2: http://css.maxdesign.com.au/listamatic2/. More CSS-menus, including nested lists with submenus.
Horizontal Pop-Out Menus: http://www.alistapart.com/articles/horizdropdowns/. The name's a little deceiving. This tutorial actually creates a vertical menu, with submenus that pop up next to the main menu.
Free Vertical Menu Designs: http://exploding-boy.com/images/EBmenus/menus.html. A handful ...
Get CSS: The Missing Manual now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.