Eric Meyer on CSS: Mastering the Language of Web Design

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 ...