Chapter Ten. CSS in Action: A Hybrid Layout (Part II)

In Chapter 8, “XHTML by Example: A Hybrid Layout (Part I),” we created hybrid markup for the i3Forum site, combining structural elements like <h1>, <h2>, and <p> with nonstructural components (XHTML tables used to lay out the basic grid), and we used table summaries, accesskey, and Skip Navigation to make the site more accessible in nontraditional browsing environments.

In this chapter, we'll complete our production task by using CSS to achieve design effects that support the brand and make the site more attractive without relying on GIF text, JavaScript rollovers, spacer pixel GIF images, deeply nested table cell constructions, or other staples of old-school web design.

Figure 10.1 shows the ...

Get Designing With Web Standards 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.