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
using the Cascade.css file.
using the Selector Sampler.css
Create the following files to illustrate how to stretch and shrink fonts
Live site with <div> tags colorized
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
3 fixed columns with a background image, so the 3 columns go down the entire length of the columns.
3 fluid columns with fluid side columns and 2 background images, so the 3 columns go down the entire length of the columns.
The live site with a background image (fixed or fluid your choice).
The live-site CSS file.
3 column fixed negative centered
3 column fluid negative centered
live site with negative centering trick
CSS file that controls live site
Page with links 4 states (link, visited, hover, active)
Horizontal 4 levels of navigation