Thinking Outside the Table

Workshop Directions

The Table Design

The Usual Design

The Tableless Project

"Templates" to Modify for Your Needs

Use the following ways of laying out content with CSS to design your pages. Add additional content as you see fit, including photos, mpegs, etc. Feel free to add CSS to links to further create a unique look and feel to the page you're developing.

Box Model Hack

Box Model Hack (unformatted)

Box Model Hack

Floating the Content

Floating the Content (unformatted)

Floating the Content

The Double Float

The Double Float (unformatted)

The Double Float

Fixed, 3 Column Layout

Fixed, 3 Column Layout (unformatted)

Fixed, 3 Column Layout

Positioning Three Columns

Positioning Three Columns (unformatted)

Positioning Three Columns

Absolute Positioning

Absolute Positioning (unformatted)

Absolute Positioning

Floating the Sidebar

Floating the Sidebar (unformatted)

Floating the Sidebar

Some CSS Resources

Some More CSS Resources

Some books on CSS

Navigation Links