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]

Cederholm, Dan (author)

     "Faux Columns"

     Simple Bits and

cellspacing attribute, adding

class

     adding to <dd> elements 2nd

     declaring box styles using

     multiple boxes on a page and 2nd

elements

clear attribute, and invalidity in XHTML

clear: both; rule

clear: left; rule

"Clearing a Float Container Without Structural Markup" method

"Clearing Floated Images in Body Text"

clearing floats, teaser example 2nd 3rd 4th 5th 6th

     float-to-fix method 2nd

     margin fix for IE/Win 2nd 3rd

     width fix for IE/Mac

ClearType, and text styling

code bloat

     in rows

     in teaser example 2nd

     navigation and

     table method for multicolumn layouts and

collapsing borders

     border-collapse property

     border-collapse: collapse;

collapsing tables

colors

    adding

         base color for box text

         table header colors 2nd

         text and link colors, adding to rows 2nd 3rd

         to columns to distinguish components 2nd

     alternating row colors 2nd

    background colors

         adding to rows with <tr> elements

         alternating

         background color equivalents 2nd 3rd 4th

         in row corners 2nd

         in rows, adding

    Sweden photos

         adding to titles 2nd

         blue border for

colspan attribute

column-like grid effect 2nd 3rd 4th

columns

     content columns 2nd 3rd 4th 5th 6th 7th 8th 9th

     fixed-width vs. non-width-restrictive layouts

     sidebar columns 2nd 3rd 4th 5th 6th

    table method for multicolumn layouts

         basics of 2nd 3rd

         shortcomings 2nd

     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

    two-column design

         column padding 2nd 3rd 4th 5th

         faking equal height 2nd

         float vs. positioning 2nd 3rd

         for Bulletproof Pretzel Company 2nd

         markup structure 2nd

         markup structure for, Bulletproof Pretzel Company

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

         sliding faux columns 2nd 3rd 4th 5th

         style, applying 2nd 3rd 4th

containers

     "Clearing a Float Container Without Structural Markup" method

     floating 2nd 3rd

     outer 2nd 3rd

     styling in teaser package example 2nd

     widening or shrinking of

containing elements, for teasers

"Containing Floats"

content columns 2nd 3rd 4th 5th 6th 7th 8th 9th

content, vs. design 2nd 3rd 4th

convertible tables. [See tables, ]

corners, of rows

     four rounded corners 2nd

     rounded corners 2nd 3rd

CSS.

    column padding [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        columns, float vs. positioning [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        content ordering and [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        gutters [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        markup structure, two-column design [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        min/max width line length, setting [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        sliding faux columns [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        style, applying [See bulletproof design in absence of CSS and images, rounded-corner boxes]

    CSS box rectangular model [See bulletproof design in absence of CSS and images, rounded-corner boxes]

    CSS-based fluid layouts, creating [See bulletproof design in absence of CSS and images, rounded-corner boxes, three-column layouts]

    CSS2.0 spec, and row width [See bulletproof design in absence of CSS and images, rounded-corner boxes]

    full-page design

        fluid layouts [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        images, absence of and CSS [See bulletproof design in absence of CSS and images, rounded-corner boxes]

    full-page design, adjustments for IE [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        footer fix for IE/Win [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        hack management [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        self-clearing fix for IE/Win [See bulletproof design in absence of CSS and images, rounded-corner boxes]

    turning off [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        "10-second site usability test" [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        BaseballDog.com example of common approach [See bulletproof design in absence of CSS and images, rounded-corner boxes]

        McAfee bulletproof example of [See bulletproof design in absence of CSS and images, rounded-corner boxes]

    using for expandable rows [See bulletproof design in absence of CSS and images, rounded-corner boxes]

    validation of as tool [See bulletproof design in absence of CSS and images, rounded-corner boxes]