O'Reilly logo

Cascading Style Sheets (CSS) by Example by Steve Callihan

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Creating Interactive Menus

In this section, you create three kinds of interactive menus, a simple interactive menu using roll-over links (p. 176), a more complex box menu, and a floating menu.

Creating a Simple Interactive Menu

The example file includes a link menu that jumps to the different sections of the page. It isn't particularly colorful, just the stock link blue, nor is it at all interactive.

Because you're reusing the example file for this chapter, go ahead and resave it in your working folder under another name (cramer-consult1.html, for instance).

A good deal can be done to jazz up this menu. Let's start by setting up roll-over links:

a {  color: blue; ; background: transparent; font-weight: bold; }
a:link { color: red; background: ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required