Chapter 11. Improving the User Experience

This chapter describes how to use CSS to present a menu that takes the form of an HTML list . This list is used on the Footbag Freaks site as the main navigation in the upper left portion of each page, as shown in Figure 11-1. While this navigational menu is a bit simplistic in that it doesn't involve dynamically changing menu items sliding elegantly into and out of visibility, it has the clear advantage of being easy to implement without writing JavaScript.

This chapter first looks at how to use CSS to alter the standard appearance of lists. It starts there because lists of links were a fundamental navigation tool on the Web before the reign of table layout took hold. A basic understanding of how to ...

Get HTML Utopia: Designing Without Tables Using CSS 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.