F

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]

Fahrner, Todd
faux columns, sliding
     "Faux Columns"
     three-column layouts 2nd 3rd
     two-column design 2nd 3rd 4th 5th
favelets, to test page readability 2nd 3rd
filters, CSS
Firefox browser
     caption styling in
     unchecking Load Images in
     Web Developer Extension toolbar and
fixed-width design
    columns
         gutters
         vs. non-width-restrictive
     float-to-fix method and
     rounded corner boxes 2nd 3rd 4th 5th 6th
flexibility
    in box design
        vertical flexibility [See rounded-corner boxes]
     in bulletproof table re-design 2nd
     lack of
flexible text, . 2nd [See also sizing text,]
float property
     for building multicolumn layouts
     positioning images and titles and 2nd
     style application and
     tab shaping and
float property, using for grid-like results 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 32nd 33rd 34th
     teaser example, common approach 2nd 3rd
     teaser example, redesign of, . 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 [See also clearing floats, float property, using for grid-like results;teaser example]
         alternate background, creating 2nd [See also clearing floats, float property, using for grid-like results;teaser example]
         base styles, applying 2nd 3rd 4th 5th 6th [See also clearing floats, float property, using for grid-like results;teaser example]
         clearing for description lengths 2nd 3rd 4th 5th 6th [See also clearing floats, float property, using for grid-like results;teaser example]
         column-like grid effect 2nd 3rd 4th [See also clearing floats, float property, using for grid-like results;teaser example]
         definition lists 2nd [See also clearing floats, float property, using for grid-like results;teaser example]
         float direction, toggling 2nd 3rd [See also clearing floats, float property, using for grid-like results;teaser example]
         image identification 2nd [See also clearing floats, float property, using for grid-like results;teaser example]
         image, positioning 2nd [See also clearing floats, float property, using for grid-like results;teaser example]
         markup structure, choices 2nd [See also clearing floats, float property, using for grid-like results;teaser example]
         markup structure, using definition lists 2nd [See also clearing floats, float property, using for grid-like results;teaser example]
         markup structure, with no style 2nd [See also clearing floats, float property, using for grid-like results;teaser example]
         opposing floats 2nd 3rd [See also clearing floats, float property, using for grid-like results;teaser example]
         spacing, adjusting between images and text 2nd 3rd 4th [See also clearing floats, float property, using for grid-like results;teaser example]
         styling the container 2nd [See also clearing floats, float property, using for grid-like results;teaser example]
float-to-fix method
     clearing floated images and
     clearing floats, teaser example 2nd
     LanceArmstrong.com example of
floating
     content and sidebar 2nd
     floated elements, clearing with 2nd
     floating containers
floats
     <dl > and
     clearing 2nd 3rd 4th 5th 6th
     clearing footers from 2nd
     "Containing Floats"
    CSS-based fluid layouts, creating and
         columns, float vs. positioning 2nd 3rd
         three-column layouts and 2nd 3rd
     opposing floats 2nd 3rd
fluid layouts, CSS-based 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 32nd 33rd 34th 35th 36th 37th 38th
     advantages of
     bulletproof layout 2nd
     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 [See also three-column layouts]
         column padding 2nd 3rd 4th 5th [See also three-column layouts]
         columns, float vs. positioning 2nd 3rd [See also three-column layouts]
         gutters 2nd 3rd [See also three-column layouts]
         markup structure, two-column design 2nd [See also three-column layouts]
         min/max width line length, setting 2nd 3rd 4th 5th 6th [See also three-column layouts]
         sliding faux columns 2nd 3rd 4th 5th [See also three-column layouts]
         style, applying 2nd 3rd 4th [See also three-column layouts]
    vs. table method for multicolumn layouts
         described 2nd 3rd
         shortcomings 2nd
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
font-size property 2nd
footers
     adding colors to 2nd
     clearing from preceding floats 2nd
     footer fix for IE/Win
     in full-page design 2nd
Freedom Scientific, JAWS
full-page bulletproof design [See Bulletproof Pretzel Company example of full-page design]
Furniture Shack teaser example