index
alarm
alarmnot
ie-home
ie-lab
ie-norm
trash
original page
final-color-div.html (relative addresing - Local)
final-color-div.html (Absolute addressing to Server)
orginalcssexplained.txt
final-css-explain.html
final-images-explain.html
CIS 58.51C - Cascading Style Sheets
lhemenway@santarosa.edu
My Grades for CSS. doesn't validate yet!
Other Students work
homework page layout
1. (horiz-nav-6.html) Create a sample page that has a list which is converted to horizontal navigation [10 pts]
pre-2. (graphic-roll-1.html) I Created a page with 6 links that display 4 Color States in the Background. [to compare with the Graphic image version next.]
2. (graphic-roll-2.html) I Created a page with 6 links that display a
4 state image in the background. (link, visited, hover, active) [10 pts]
3. (pop-9.html)Create a sample page that has main navigation that displays horizontally
and then has drop down navigation, pop out navigation, and second level pop out navigation. (for a total of 4 levels of navigation) [20 pts]
4. (veritcal-pop-out.html) (veritcal-pop-out.html) Create veritcal pop out navigation [10pts]
5. (slidding-door-nav.html) (slidding-door-nav.html) Create sliding door navigation that uses tabbed images [10pts]
6. (live-navigation) (live-navigation) Insert one of the navigation systems listed above into the live site. [20pts]
3
fixed columns with a background image ,
so the 3 columns go down the entire length of the columns.
3 columns
with fluid center column and 2 background images ,
repeating vertically to the bottom.
The"live site" with
background images (fixed).
CSS file
3 column fixed centered
3 column fluid centered
live site with centering trick
CSS file that controls live site
2 column layout using absolute positioning.
3 column layout using absolute positioning.
3 column with header and footer
using absolute positioning. not part of the homework
3 column with header and footer using float and clear
Alsett clearing method
Live site - web page
Live site - css file
posted my experiences to the
message board
I believe the password is (HTML).
No links availible.
My score was 48 out of 50.
Box Property sampler
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
These files to illustrate how to stretch and shrink fonts
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
Creating web pages with HTML;
with external style sheet added
lesson-css2.css file
Cascade Sampler
cascade.css file.
Selector Sampler
cascade.css file
Here is the page from the
original site
Here is the page with the tables, javascript and images of text stripped out of it.
old code
Here is the page after code has been modified to pass XHTML validation
clean code
