Lecture 9

H O M E
1	2	3	4	5
6	7	8	9	10
11	12	13	14	15
16	17	18	19	20

Review

Image Tables

Slices in FW and Photoshop

The Ubiquitous Spacer Gif (include download)

Column Bug

The Gotcha! Rule

The Evil Whitespace Bug

Tables with Images and Text

Table Tricks

Encapsulating Content with Borders

SOURCE

You can create stretchable tables with content that have elaborate borders by combining images and backgrounds.

Rounded Corners

Elaborate Border

Fancy Lines

You can create lines with narrow tables, either with a simple spacer gif in a single cell table with a bgcolor, of with 3 column tables with images at the beginning and end of the line and a background in the middle.

Various Lines

Using padded tables within tables

Often, you don't want to have any cellpadding or cellspacing in a table, but you can get that padding and spacing by inserting a single cell table inside the table cell you want the padding in.

Rounded Corners

Elaborate Border

Table Strategies

Sketching your Layout