Creating a Graphical Navigation Bar

Text hyperlinks are clear and unambiguous, but not all that attractive. You might prefer to create a navigation bar that uses buttons or other graphics instead of text links. You can create the graphics yourself in a graphics-editing program. Follow these guidelines:

  • Keep the size of each button small (150 pixels wide at the most).

  • Make each button the same size and shape. They should vary only in the text on them.

  • Save each button as a separate file in GIF or JPG format.

If you have no talent or inclination for art projects, search the Web; there are thousands of sites with free graphical buttons you can download. Make several copies of a button you like, and then use a text tool in a graphics-editing program to ...

Get HTML and XHTML Step by Step 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.