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

Get Eric Meyer on CSS: Mastering the Language of Web Design 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.