Please Reload

CSS Made Simple

Your screen is 544 pixels wide

and 364 pixels high......

The center of your screen is:

272 pixels across from left and

182 pixels down from the top....

"Actually the screen size available

is 560x383 when you use

hspace=0 vspace=0 in the body tag."......

The Professor

<style type="text/css">
#one {position: absolute; z-index: 2;
left: 330px; top: 190px;} 
#two {position: absolute; z-index: 3;
left: 350px; top: 200px;} 
#three {position: absolute; z-index: 4;
left: 300px; top: 180px;} 
#four {position: absolute; z-index: 4;
left: 175px; top: 175px;} </style> 

The above code goes in the head tag.
This part of the code

tells you where to put it....

(I've always wanted to do that.)

Left means pixels from the left

and top means pixels from the top.

The center of the

screen would then read:

#one {position: absolute; z-index: 2;
left: 272px; top: 182px;}

The z-index tells

what layer it is in.

"1" is the layer

closest to the screen;

two next and so on

coming out of

the screen toward you.....

This allows you

to put any number of things

on top of one another.....

This part of the code

tells what item

you are putting

in each position....

one is one, two is two etc....

<div id="one"><img src="http://"></div>

<div id="two"><img src="http://"></div>

<div id="three"><img src="http://"></div>

<div id="four"><img src="http://"></div>

This code

goes in the body

of your page....

That's how simple it is......

1. Tell where to put it.

2. Tell what you are putting there.

I've had as many

as twenty-five or more

items on one page.

You can put grad tables

inside the div tags,

you can place audioscopes,

and images of course......

Thanks for letting me

tell you where to put it...!!!

More.. Z Index Tute..

This is only ONE way

to do CSS

...Cascading Style Sheets....

For an in depth look.....CSS....