CIS 50.11C - Cascading Style Sheets
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 lesson
live.css file - live css
Cascade Sampler - cascade sampler
cascade.css file - cascade css
Selector Sampler - selector sampler
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
css file
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 comments 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
Page with links that display an image in the background that has 4 states (link, visited, hover, active)
Horizontal navigation bar that has drop down navigation, pop out navigation, and second level pop out navigation. (for a total of 4 levels of navigation)
CSS file that controls live site