imbored531 Posted December 1, 2006 Share Posted December 1, 2006 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 More sharing options...
jlhaslip Posted December 1, 2006 Share Posted December 1, 2006 Post up some code, please. Link to comment Share on other sites More sharing options...
imbored531 Posted December 1, 2006 Author Share Posted December 1, 2006 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 More sharing options...
PHPJack77 Posted December 2, 2006 Share Posted December 2, 2006 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 More sharing options...
Shinji Posted December 3, 2006 Share Posted December 3, 2006 you could also use the z-index attribute in csshttp://w3schools.com/css/tryit.asp?filename=trycss_zindex2 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now