LAB 7
Using absolute positioning in a Cascading Style Sheet, reassemble the 12 smaller .gif images below so that they look like the original image:
| Download these 12 .gif images ( Right click... ): | |||
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
 |
|||
The purpose of this lab is to use Cascading Style Sheets as a way to lay out elements on a web page. Upon completion of this lab you will be able to reassemble the pieces of a sliced image into the original image, using absolute positioning.
|
LAB 7
|
Using absolute positioning in a Cascading Style Sheet, reassemble the 12 smaller .gif images below so that they look like the original image:
|
||||||||||||||||||
|
If you have any questions, feel free to email me. |
|
Here are a couple of interesting links if you want to learn more about page layout using stylesheets: Here is an article on how to make tableless layout using absolute positioning. And another on css layout techniques. |