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

Project Goals

In creating a layout for a Web design advice and commentary site, we’ve come to the point where we need to style the links that run down the left side of the page. At the moment, these are just a bunch of a elements broken up into three groups by some h4 elements.

To make the menu usable and attractive, we’ll aim for the following:

  • There should be one link per line, which after all is only traditional.

  • The links should be visually separated from the main body of the text.

  • The menu should visually tie into the site’s banner.

  • Each link should assume a different style when being hovered.

  • The link representing the area in which the current piece is located should be styled in a different way. For example, if the user is reading a commentary ...

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