CIS 50.11C - Cascading Style Sheets
Here is a link to the table based page:
table
Here is the page with the tables, javascript stripped out of it:
old code
Here is the page after code has been modified so that it validates:
clean code
Live lesson; with external
style sheet added
The CSS file for Live.html
Cascade Sampler .
The file for cacade-sampler.html
Create the following files to illustrate how to stretch and shrink fonts
relative.html
relative-big.html
relative-small.html
fixed.html
fixed-small.html
live site with font and text properties
css file along with explanation of what the code does
Position Property - static
Position Property
- relative
Position Property
- absolute
Position Property -
fixed
Live site with <div> tags colorized
live site with box properties
css file
post your commentws to the class message board
2 column layout using absolute positioning
3 column layout using absolute positioning
3 column with header and footer using float and clear
Live site - web page
Live site - css file
3 fixed columns with a background image, so the 3 columns go down the entire length of the columns.
The"live site" with a background image (fixed or fluid your choice).
live site with centering trick
CSS file that controls live site
Live site with enhanced navigation