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]

Lance Spacerunner example of styling tables 2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th 18th 19th 20th 21st 22nd 23rd 24th 25th 26th 27th 28th

     common approach 2nd 3rd 4th

     redesign flexibility 2nd

     redesign markup 2nd 3rd 4th 5th 6th 7th

         cellspacing attribute, adding

         scope, adding 2nd

         title, adding 2nd

     redesign styles, applying 2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th

         <caption> elements, styling 2nd

         border and background, setting

         custom alignment 2nd

         header color, adding 2nd

         new line without <br /> elements 2nd

         offset shadow, adding 2nd 3rd 4th

         padding and dividing line, adding

         row colors, alternating 2nd

LanceArmstrong.com example

     common approach 2nd

     image-based navigation shortcomings 2nd

     re-design of 2nd 3rd 4th 5th 6th 7th 8th 9th 10th

         background images, aligning 2nd

         bottom border, adding 2nd

         float-to-fix method

         hovering swap 2nd

         list, unstyled and unordered 2nd

         selected and unselected state images 2nd

         selected state

         style, applying 2nd

         tabs, shaping of

layouts

     CSS-based fluid layouts, creating 2nd 3rd 4th 5th 6th 7th 8th 9th 10th 11th 12th 13th 14th 15th 16th 17th 18th 19th 20th 21st 22nd 23rd 24th 25th 26th 27th 28th 29th 30th 31st

         column padding 2nd 3rd 4th 5th

         columns, float vs. positioning 2nd 3rd

         content ordering and

         gutters 2nd 3rd

         markup structure, two-column design 2nd

         min/max width line length, setting 2nd 3rd 4th 5th 6th

         sliding faux columns 2nd 3rd 4th 5th

         style, applying 2nd 3rd 4th

     CSS-based three-column layouts 2nd 3rd 4th 5th 6th 7th 8th

         faking equal height 2nd 3rd

         gutters and padding 2nd

         markup structure 2nd 3rd

         sliding faux columns 2nd 3rd

         style, applying 2nd 3rd

     layout structure in full-page design 2nd 3rd

    table method for multicolumn layouts

         basics of 2nd 3rd

         shortcomings 2nd

length

     length units, sizing text and 2nd

     min/max width column line length, setting 2nd 3rd 4th 5th 6th

letter-spacing property

lines

     adding padding for dividing rows

     dotted, and <dl> elements

     line-height, increasing

     max/min width column line length, setting 2nd 3rd 4th 5th 6th

     new table lines without <br /> elements 2nd

links, adding color 2nd 3rd

list-style property

list-style: none; rule

lists

     padding around unordered

     unstyled and unordered 2nd

Load Images, unchecking in Firefox

login

    location of on Web pages [See expandable rows]

Категории