Quote:
|
Originally Posted by scottybuzz
i am a retard. could you explain please mate?
|
look in your code, you are forcing positions and layering across cells.
for example, look at models.html
Code:
<td colspan="32" background="images/template_46.jpg" width="610" height=914>
<div style="border-style:solid; border-width:1px; position: absolute; width: 444px; height: 118px; z-index: 1; left: 144px; top: 262px; padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px" id="layer1">
<p>
<b>
<font face="Trebuchet MS" color="#FFFFFF">
<img border="0" src="models%20small/trial.gif" width="28" height="11">
- Special offer membership for a </font></b></p>
Try removing
Code:
position: absolute; and z-index: 1; left: 144px; top: 262px;
and
add center tag to your cell statement:
Code:
<td align="center" colspan="32" background="images/template_46.jpg" width="610" height=914>
If you need more space above it add margin: 40 or some shit like that to the style=" statement
You're ont he right track with using div tags but you might also want to consider that firefox doesnt always read some styles properly. If you need something centered use align="center" in the cell the content appears in. much easier and cross browser readable.
z-index and position tags work, but they're tricky as fuck to use for non-ms browser uses.