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

Branching Out

There are a ton of things you can do differently with this design, from the color choices down to the way the links are set up. Here are just a few to try out:

  1. Try making the icons look and act like physical buttons by using the border styles outset and inset.

  2. Switch the icons from the left side of the help and press-release links to the right. Then write styles to change the side on which the icon appears based on whether or not the link has been visited.

  3. Completely remove the background image ...

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