Laying the Groundwork

The site’s design is laid out using a very simple table, with each major component of the design placed in its own cell. Each of these cells has an id that makes it easy to apply styles to the contents of a given cell.

As it happens, we already have an overall style sheet for the page. (Pretend we’re partway through a design, and we’ve only just now hit the menu stage.) The styles are a little basic, but they’re good enough for now. Of more importance is the menu itself, which we haven’t tackled yet. Figure 5.1 shows where we are at this point, and Listing 5.1 provides the style sheet that’s giving us what we have.

Figure 5.1. Where things stand at the moment.
Listing 5.1. The Preexisting Style ...

Get Eric Meyer on CSS: Mastering the Language of Web Design 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.