ABSOLUTE POSITIONING
Iwill show you the following as an example
of where I placed an animated gif over top of a preexisting image....
 You can do this a simple way by applying a
<SPAN></SPAN>
SPAN tag around the element...It has the following attributes.....
style="position:absolute;
You must place the span after the image you want to lay it on top of...this attribute just specifies you want the position of everything wrapped in the SPAN tag to be in a certain spot on top of the other.....
left:%;
The number you would place in percentage.and it means how far over from the left...It is colon then percentage then semi-colon with no spaces in between...
top:%;
This specifies in percent how far from the top of the page you want the object to appear from...
Let us look at a span tag with the image inbetween......
<SPAN style="position:absolute; left:50%; top:30%;"><A HREF="table.htm"><IMG SRC="ringani.gif" BORDER="0" WIDTH="15" HEIGHT="15" ALIGN="BOTTOM"></A>
The graphic would be 50% to the left of the page and 30% from the top.... Like any HTML tag spacing is important
and WATCH out for those colons and semi colons
How I determine the percentage is I take a good guess then start adjusting...
It can be a lot of fun!!!
WARNING: as soon as you change the position of the first item that you are placing
the span on then you will have to adjust the SPAN...
For example if I were to add an extra line inbetween the title of this page and the graphic then I would have to adjust the SPAN...Experiment with this and have fun!!!
BACK TO GRAPHICS MENU