Using CSS for Positioning
Jon
Gunderson
Division of Rehabilitation - Education Services
REHAB711: Designing Universally Accessible Web Resources
Phone: (217) 244-5870
e-mail:
jongund@uiuc.edu
WWW:
REHAB711 Homepage
Slides
-
Goals
-
CSS box model
-
DIV and SPAN
-
Width and
height
-
Color and
background-color
-
Color values
-
Background image
-
Background
repeat
-
Background
attachment
-
Background position
-
Border
-
Border color
-
Border style
-
Border
width
-
Margin
-
Padding
-
Position
-
Absolute positioning
example
-
Relative positioning example
-
Fixed positioning example
-
Float and Clear
-
Float Example
with an Image
-
Columns example with
tables
-
Columns example with absolute positioning (fixed column
dimensions)
-
Columns example with absolute positioning (font size based column
dimensions)
-
Columns example with float and clear
-
Display and Visibility
- Accesskeys
- I: Index of slides
- F: First slide
- P: Previous slide
- N: Next slide
- L: Last slide