Here is a link to the table based page
Here is the page with the tables, javascript stripped out of it. old code
Here is the page after code has been modified to pass XHTML validation clean code
"Live lesson" with external
style sheet added
live.css file - include a multiple selector
Cascade Sampler
cascade.css file
Create the following files to illustrate how to stretch and shrink fonts
relative.html
relative-big.html
relative-sm.html
fixed.html
fixed-small.html
"Live site" with font and
text properties
live.css file
Position Property - static
Position Property - relative
Position Property - absolute
Position Property - fixed
Live Site with Position Properties
live.css file
Comments posted to the class message board.
2 Column Layout Using Absolute Positioning
3 Column Layout Using Absolute Positioning
3 Column Layout with Header and Footer Using Float and
Clear
Aslett Clearing method
3 Column Fixed-Width with Background Image
3 Column Fluid with 2 Background Images
3 Column Fixed-Width Layout Using Negative Centering
3 Column Fluid Layout Using Negative Centering
Live Site centering trick
live.css file
Linda's List Sampler
Simple Horizontal
4 States with Image
Image for 4 States
Drop-Down Pop-Out
Vertical Pop-Out
Sliding Door
Live Site with Sliding Door
live.css file
Original Zen Garden Page
Part1 - Div Tags Explained
Part1 - CSS for Div Tags Exp.
Part 2 - CSS Explained
Part 3 - Images Explained
Part 4 - Modified Zen Garden
Part 4 - CSS for Modified Zen Garden