Chapter 5. Make Menus

Every site needs a way for your visitors to navigate around it. Usually, that means a menu of one sort or another. There are different ways to create menus on Web sites, and you’ve probably seen many of them, some using JavaScript, fancier ones using Ajax, and even ones using Flash.

In this chapter, we’re going to discover how to create good-looking menus using nothing more than an XHTML unordered list, styled with CSS.

On the Alpaca Repo site, we previously created an unordered list with the site’s navigation, and put it in the sidebar. Each item in the list is a link to another page. By adding rules to our CSS stylesheet, we can change the look of the list so that it looks like a menubar, and even add rollover effects.

Style ...

Get Styling Web Pages with CSS: Visual QuickProject Guide 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.