O'Reilly logo

Eric Meyer on CSS: Mastering the Language of Web Design by Eric A. Meyer

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

Styling the Menu

To raise our mighty oak, we’ll need to get familiar with some basic concepts. The first stop in that process is an alteration of the fundamental nature of the links themselves. With that established, we’ll move on to defining the appearance of the links in various situations. Then we’ll back out some of our styles and create new ones to give the menu a different look.

Blocking Out the Links

The first step is as crucial as it is simple: We’re going to create a new style sheet to go with the old one, and in it we’ll place a rule to make our hyperlinks into block-level elements.

</style>
<style type="text/css">
/* menu styles */
td#sidelinks a {display: block;}
</style>
</head>

It’s nothing more complicated than that. What good ...

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