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
<![CDATA[
<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> ]]>
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:
<![CDATA[#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....
<![CDATA[
<div id="one"><img src="http://
wormworks.org/artcode/present.gif"></div>
<div id="two"><img src="http://
wormworks.org/artcode/present.gif"></div>
<div id="three"><img src="http://
wormworks.org/artcode/present.gif"></div>
<div id="four"><img src="http://
wormworks.org/artcode/present.gif"></div>]]>
All 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...!!!
Go to
Doc's Cheat Sheet
for CCP code:...Doc
NOTE:
This is only ONE way
to do CSS
...Cascading Style Sheets....
For an in depth look.....CSS....