The Span Tag for Positioning


mickey cat


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>