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: ...Get Cascading Style Sheets (CSS) by Example 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.
