Place text on top of an image

[Guest_imported]

I was just wondering how a person goes about placing text on top of an image. When the text has to go at specifuc spots on the image

 

[SashiRaveendran]

you could make the image the background of a table ie:

<table width=65 height=80 cellpadding=0 cellspacing=0>
<tR>
<td background=&quot;someimage.jpg&quot; valign=top align=left>
<span style=&quot;padding-top:20px; padding-left:30px&quot;>text over</span>
</td>
</tr></table>

where the height and width of your table are the height and width of your image and padding-top and padding-left are the top and left postion of your text relative to the top left of the image

 

[mithrilhall]

This goes in the head:

<STYLE>
<!--
#pic
{
position : absolute;
top : 300px;
left : 40px;
z-index; 0;
}
.words
{
position : absolute;
top: 300px;
left: 40px;
z-index: 1;
}
//-->
</STYLE>

This goes in the body:

<Div id=&quot;pic&quot;>
<IMG SRC=&quot;logo.gif&quot;>
</Div>
<Div class=&quot;words&quot;>
TESTING
</Div>
</BODY>


I'm sure someone will post a better way than me but this might work for you.

 

[RISTMO]

mithrilhall's way is fine, but if you only do it once or twice, it might be easier to do simply this:

<img width=&quot;400&quot; height=&quot;200&quot; src=&quot;image.gif&quot;><br>
<span style=&quot;position:relative;bottom:200;&quot;>this text can be moved!!!</span> It's a pleasure to know that I've helped you. If I have,
please click the link below to let me know.