Can't get text over image!

[imbored531]

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.pngBut when I try to do the second box, it gets all messed up:http://img465.imageshack.us/img465/8021/img2cw1.pngAlso, 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.

[jlhaslip]

Post up some code, please.

[imbored531]

ah, sorry forgot to post that...

		<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...

[PHPJack77]

As always, I'm going to recommend using CSS. CSS is awesome and very easy to learn - HIGHLY RECOMMENDED!!! Anyway, moving on... In my opinion, the best way is to accomplish your task is to add a background image with css in a div tag and add text using a paragraph tag... That's pretty wordy so here's an example:Html code:

<div id="only_div"> <p>Here is the text that goes above the image</p></div>

CSS code:

#only_div {background-image: url(path-to-image/image-name.jpg);background-repeat: no-repeat;}

Good luck!

[Shinji]

you could also use the z-index attribute in csshttp://w3schools.com/css/tryit.asp?filename=trycss_zindex2