O'Reilly logo

Professional Web Design: Techniques and Templates, Fifth Edition by Clint Eccher

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

CHAPTER 11CASE STUDY: HIGH-CONTENT CSS DESIGN

The design explained in this chapter uses many of the same techniques as the layouts in Chapters 9 and 10; the key difference is that it contains more content. The technical structure is a hybrid of the two designs in that it uses a header <DIV> across the top, as in Chapter 9, and incorporates a three-column layout below, as does the design in Chapter 10. It is designed to display more content than many sites, whether the purpose is to sell product, provide large amounts of content, or even a combination of the two.

Design 123 Example

The design explained in this chapter is design 123 online (photo credits: www.idlerphotography.com).

UNDERSTANDING THE DESIGN’s STRUCTURE

Figure 11.1 illustrates ...

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