Bulletproof Web Design(c) Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
Index[SYMBOL] [A] [B] [C] [D] [E] [F] [G] [H] [I] [J] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [V] [W] [X] [Z] relative length units 2nd relative-size keywords, defined rollovers rounded-corner boxes 2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th 18th 19th 20th attaching 2nd 3rd 4th fluid-width boxes 2nd 3rd 4th 5th 6th 7th 8th 9th BrowseHappy Web site example 2nd image strategy 2nd 3rd markup structure 2nd styles, applying 2nd 3rd 4th 5th Netflix example, common approach 2nd 3rd Netflix example, re-design of 2nd 3rd 4th 5th 6th image strategy 2nd markup structure 2nd styles, applying 2nd 3rd Netflix example, shortcomings Netflix example, vertical flexibility of re-design rounded-left.gif rounded-right.gif background images and rounded-corner boxes and rows background, adding to [See expandable rows] code bloat and [See expandable rows] color and adding to text [See expandable rows] alternating [See expandable rows] background color, adding [See expandable rows] background color, in row corners [See expandable rows] corners of four rounded corners [See expandable rows] rounded corners [See expandable rows] dividing lines, adding [See expandable rows] fixed row height [See expandable rows] graphics and adding [See expandable rows] non-essential in Best Store Ever example [See expandable rows] line padding for dividing rows [See expandable rows] message rows [See expandable rows] styles of, identifying elements for [See expandable rows] width of, and CSS2.0 spec [See expandable rows] rules adding for <dt> elements be nice to Opera rule clear: both; rule clear: left: rule display: block; rule 2nd 3rd 4th display: inline-table; rule display: inline; rule list-style: none; rule min- and max-width rules text-align: center; rule Rutter, Richard |