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

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 ...

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