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 css file - include a multiple selector
cascade sampler
cascade sampler css
selector sampler
relative.html
relative-big.html
relative-sm.html
fixed.html
fixed-small.html
vertical
align text sampler
live site with font and
text properties
css file
Box Property sampler
Position Property -
static
Position Property
- relative
Position Property
- absolute
Position Property -
fixed
float and clear sampler
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
Aslett clearing method
Live site - web page
Live site - css file
3 column fixed-width with 1 background image
3 column fluid with 2 background images
fluid live site
css file
3 column fixed centered
3 column fluid centered
live site with centering trick
CSS file that controls live site
Simple horizontal navigation
Four state (link, visited, hover, active) navigation with background image
Background image used for four state navigation
Four level horizontal navigation (drop down navigation, pop out navigation, and second level pop out navigation)
Vertical navigation
Sliding door navigation
Live site with navigation
CSS for live site
