I think there is a rollover effect in it which you can use to do this thing. However, if you know how to rollover two images then why not put a picture of required text with another picture?
You can use tables / CSS to do this: Code: .textbackground { width: WIDTH HEREpx; height: auto; background-image: url(images/back.gif); } That should go in your CSS document (or in the CSS section at the top of your page). Then: Code: <div class="textbackground"> Text in here. <br /> <br /> Some more text. <br /> </div> Where you want the text with background to be. You can also use tables to do this. Code: .cellbackground { background-image: url(images/back.gif); } Put that in your CSS section / document. Then: Code: <table width="" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="cellbackground">Text in here</td> </tr> </table> Where you want the text with image behind it to appear. Hope that helps.
I tried the codes, but can't seem to get it to all work properly Here is the text code-where I want it on top of the picture... HTML: <td style='padding: 0px 40px 20px 40px' class="text"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="text" valign="top"><p>#TAG#</p> <li>TEXT</li> <li>TEXT</li> <li>TEXT<br/> #TAG# #TAG# </li> <li>TEXT</li> <li>TEXT</li> <li>TEXT</li> <li>TEXT <br/> #TAG# #TAG# TEXT<br/> #TAG# </li> And here is the pic code-where I want it to appear in the background of the text shown above HTML: <img src="../pic.GIF" width="600" height="256">
try it a little differently, this isn't valid HTML 4.01 (technically) but browsers render it just fine. HTML: <td style='padding: 0px 40px 20px 40px' class="text"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" background="../pic.GIF"><p>#TAG#</p> <li>TEXT</li> <li>TEXT</li> <li>TEXT<br/> #TAG# #TAG# </li> <li>TEXT</li> <li>TEXT</li> <li>TEXT</li> <li>TEXT <br/> #TAG# #TAG# TEXT<br/> #TAG# </li> That should work, although I'm a little tired and may have it slightly wrong. It may not be working for you because you may not have the CSS set up properly.
Great, it worked, I used... <td class="text" valign="top" background="IMAGE LOCATION"> before the text, but one small problem; it creates multiple pictures of the image behind the text:cramp:
Yeah that's where CSS comes in, you can set it to only show the image once, or to repeat in only one axis rather than both. Are you using any sort of CSS in your document at the minute?
CSS = Cascading style sheets. If you're using CSS you'll have something like: Code: <link href="stylesheet.css" rel="stylesheet" type="text/css"> or: Code: <style type="text/css"> <!-- CSS STYLE STUFF IN HERE --> </style> in the <head></head> tags of you page. With CSS you store styling information in a separate place to the code that displays it, then you 'call' up that style information where you want it. Example: (It's in XHTML and doesn't use tables but the basic concept is there) Blog Site That uses CSS to style the page and then <div></div> tags to call that style information up. Changing the whole style of a page can be done easily as you can update one document (if you use the first way of linking to CSS) to update the style for the tags. I hope that explained it a bit. Let me know if you're using CSS and I'll be able to help you further (maybe also attach all the files you're using in a .zip attachment to your post and I can have a look)
ic, yea, I think there is css It's only one file-its a template; I've uploded the file on filewire. I'll PM you the link. The image I'm working on is the pic under "Shipping Info", I'm trying to get it align to the right beside, but to the left of the shipping calculator tag; behind text of course
did you get the file; you'll see a pic under "Shipping Info"(its behind the text, but it should still be visible) You'll see that the pic is multiplied, and I'm trying to get it not to do that I also what it to align to the right(don't know where I'm suppose to place <P align=right> for the pic)
You mean: http://img53.imageshack.us/img53/4088/kyozoushippingwz7.gif That image? You want it to go under: #SHIPRATE# Too? I'll edit it for you so it's like that. I'll try to align it to the right too.
yea thats the pic, but i dont want it under shiprate, i want the pic under the text, align to the right, and want to get rid of the multiple image effect
