Lesson 4: CSS Positioning

Outline

  1. The natural flow of a page
  2. Historically through tables
  3. Floats and Clear
  4. Grids
  5. Absolute, Relative and Fixed Positioning
  6. Display (block, inline, inline-block, none)

Examples

  1. Exercise solution with Float
  2. Exercise solution with absolute positioning
  3. Example of display
  4. Recap of html/css basics
  5. Updated recap of html/css basics and boxing

Exercise

Choose one of the Scandinavian countries (link to other countries at the bottom) and construct its flag in two ways: using absolute positioning and using floated divs. Apply the links to both from one post assigned to exercise 4. The size of the flag is up to you.

f
4 Lessons    { June 28, 2011    J   b 0   

b Comments

Leave a Reply