imbored
01 Dec 2006, 07:45 PM
So I read a tutorial on how to get text over an image. You do this by deleting the picture and adding to table background. Now I'm trying to do this, and the first one works fine:
http://img98.imageshack.us/img98/3136/img1ph0.png
But when I try to do the second box, it gets all messed up:
http://img465.imageshack.us/img465/8021/img2cw1.png
Also, when I try doing the second box first, that one works fine, but when I do the first one afterwards, then it gets messed up.
Any idea how to fix this?
Also would like to add that it doesnt get messed up when I add the background, it gets messed up as soon as I delete the picture.
Code:
<td rowspan="2">
<img src="../images/pimpmytoon_47.png" width="18" height="462" alt=""></td>
<td colspan="7" background="../images/pimpmytoon_48.png"> </td>
<td colspan="4" rowspan="2">
<img src="../images/pimpmytoon_49.png" width="48" height="462" alt=""></td>
<td colspan="18" align="center" valign="top" background="../images/pimpmytoon_50.png"> </td>
<td rowspan="2">
<img src="../images/pimpmytoon_51.png" width="1" height="462" alt=""></td>
<td colspan="2" rowspan="2">
<img src="../images/pimpmytoon_52.png" width="17" height="462" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="../images/pimpmytoon_53.png" width="252" height="36" alt=""></td>
<td colspan="18">
<img src="../images/pimpmytoon_54.png" width="636" height="36" alt=""></td>
</tr>
<tr>
<td colspan="32">
<img src="../images/pimpmytoon_55.png" width="971" height="23" alt=""></td>
<td>
<img src="../images/pimpmytoon_56.png" width="1" height="23" alt=""></td>
</tr>
<tr>
<td>
<img src="../images/spacer.gif" width="26" height="1" alt=""></td>
<td>
heres just that particular section of the table. Its a huge table (the whole website is in the table), so I'm assuming you wouldnt want to look through it...
http://img98.imageshack.us/img98/3136/img1ph0.png
But when I try to do the second box, it gets all messed up:
http://img465.imageshack.us/img465/8021/img2cw1.png
Also, when I try doing the second box first, that one works fine, but when I do the first one afterwards, then it gets messed up.
Any idea how to fix this?
Also would like to add that it doesnt get messed up when I add the background, it gets messed up as soon as I delete the picture.
Code:
<td rowspan="2">
<img src="../images/pimpmytoon_47.png" width="18" height="462" alt=""></td>
<td colspan="7" background="../images/pimpmytoon_48.png"> </td>
<td colspan="4" rowspan="2">
<img src="../images/pimpmytoon_49.png" width="48" height="462" alt=""></td>
<td colspan="18" align="center" valign="top" background="../images/pimpmytoon_50.png"> </td>
<td rowspan="2">
<img src="../images/pimpmytoon_51.png" width="1" height="462" alt=""></td>
<td colspan="2" rowspan="2">
<img src="../images/pimpmytoon_52.png" width="17" height="462" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="../images/pimpmytoon_53.png" width="252" height="36" alt=""></td>
<td colspan="18">
<img src="../images/pimpmytoon_54.png" width="636" height="36" alt=""></td>
</tr>
<tr>
<td colspan="32">
<img src="../images/pimpmytoon_55.png" width="971" height="23" alt=""></td>
<td>
<img src="../images/pimpmytoon_56.png" width="1" height="23" alt=""></td>
</tr>
<tr>
<td>
<img src="../images/spacer.gif" width="26" height="1" alt=""></td>
<td>
heres just that particular section of the table. Its a huge table (the whole website is in the table), so I'm assuming you wouldnt want to look through it...