Eric Meyer on CSS: Mastering the Language of Web Design

Branching Out

There isn’t as much room for change when you’re trying to re-create a book’s design, but here are a few suggestions for things to try anyway.

1. Reduce the amount of vertical space the masthead consumes without making it look significantly different than in the printed version. Don’t worry about making the borders line up with the preview images since they won’t line up in most cases anyway.

   [View full size image]

   

2. Write styles that will come close to recreating the look of the “Branching Out” section. Remember the compromises we made for the preview images next to the masthead, and take a similar approach with the layout of this section. ...