Week Five

Week Five Review poppy button poppy button poppy button poppy button
Relative Positioning - example below
- Relative to expected position
- Space remains blank
Absolute - example corner buttons
- Position relative to top left browser window or containing parent element.
- Space closes up
Static
- Default position
- Cannot be positioned or repositioned
- Cannot serve as marker for abolutely positioned element
Z-index
- Creates stacking order for overlapping positioned elements
- Lowest number appears at the bottom of the stack
- Supports unlimited number of elements
Visibility
- Hides without collapsing space
Overflow
- Hidden, Visible, Scroll
blueflower poppy yellowprint

Relative Positioning

The relative positioning seems easier to me in the case of nested tables as I have here, since the length of the table is changeable according to how much text and material I have added. The top position is much easier, as it isn't length dependent. It would seem wise to just place the bottom images tentatively until the final copy is done, and then place them exactly. A percentage might work.

I have repeated this course and "made" myself start from scratch, as there is always something more to learn. It is especially helpful to practice using CSS at every opportunity.

I would love an offering of DHTML. Dynamic pages are fun. I suspect the browser issue might raise it's ugly head, but it seems there is progress being made all the time. Netscape 7 is not the same, but worlds closer to Internet Explorer now. I'm not sure where the Mac world is in this equation. It's obvious from our class postings - in this class and in Javascript - that people do see things differently which is the big challenge in web design.

Congratulations and thanks to Glo for putting together (and improving upon) a first-rate course!

CSS Home Page

Winter Classes Home Page


Deb Home

CSS Winter 2003