Use the Span Tag to position images and tables on your page. Pixels from the top and from the left. The z-index is where it should be in terms of top or bottom facing the viewer. The higher the number of z-index, the closer to the viewer. If you use this tag you must use it for everything on that page, or you will have images on top of your text. |
Here is the script for this page: <h1>The Span Tag for Positioning</h1> POSITION TABLE <span style="position: absolute; top: 25px; left: 0px; z-index: 1"> <table border="10" cellspacing="0" cellpadding="0" width="500" height="200" bgcolor="#0000ff"><tr><td width="500" height="200"></td></tr></table></span><br /> POSITION MOUSE <span style="position: absolute; top: 45px; left: 275px; z-index: 2"><img src="/PEG/paintbox/mickeymoton.gif" width="151" height="120" border="20" alt="mickey" /></span> POSITION CAT <span style="position: absolute; top: 0px; left: 50px; z-index: 3"><img src="http://www.lingolinda.com/PEG/paintbox/kimcatdo.gif" width="200" height="241" alt="cat" /></span> POSITION SCRIPT <span style="position: absolute; top: 325px; left: 0px; z-index: 4"> <table border="0" cellspacing="0" cellpadding="0">Script here, etc..</table></span> |