Jump to content

Can't get text over image!


imbored531
 Share

Recommended Posts

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.

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...