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

Laying the Groundwork

Let’s take a look at the page design and determine how we can use the markup structure to achieve our goals (see Figure 6.1).

Figure 6.1. The article as it appears in a Web browser.

The key to most of our design goals will be an effective leveraging of the document’s structure, so we need to get a clear picture of what’s there. Listing 6.1 shows a simplified version of the document, with the various pieces of text replaced with placeholders.

Listing 6.1. The Simplified Document Structure
<table cellspacing="0"> <tr> <td colspan="3" class="pagetop"> [logo and banner] </td> </tr> <tr> <td class="leftside"> ...

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