Chapter 3. Expandable Rows


Resist specifying height, and plan for vertical expansion of horizontal page components.

Horizontal page components such as site headers, login bars, breadcrumb trails, and search bars are no strangers to a typical Web site. These areas are often positioned near the top of the page and may contain a mixture of graphics (whether a background or otherwise) and text. In general, these areas are designed in such a way that prohibits vertical expansionassuming that a larger text size or an increased amount of content would either never happen or wouldn't harm the design. While it's customary for areas that contain articles or long sections of text to accommodate any length or size of text and content, it's importantand not impossibleto treat other horizontal areas this way as well.

This chapter takes a look at a common approach to designing a login/promotional area that occupies the top portion of a typical Web page. We deconstruct the design and then rebuild it to accommodate any text size or amount of content.



Bulletproof Web Design(c) Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
Bulletproof Web Design(c) Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
ISBN: N/A
EAN: N/A
Year: 2006
Pages: 97

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net