how do i....

[Thenetguru]

can anyone please tell me how i can overlay text on a image using html, i use notepad for my web page design and another graphics package for the images.:confused: :OO

[tmmoose]

The Simple Table Way....
<table width="300" height="233">
<tr>
<td background="your image.jpg">Your text goes here.</td>
</tr>
</table>

[yellow_belly]

Originally posted by tmmoose
The Simple Table Way....
<table width="300" height="233">
<tr>
<td background="your image.jpg">Your text goes here.</td>
</tr>
</table> Ya - :D

[themadpoet]

I tried that trick of yours David and it didn't really work, the text was to high, you could move it left or right but not on the vertical.... any suggestions?

[Joe the Large]

Instead of setting vetical-align to middle, try experimenting with percentages until it's aligned the way you want it. In other words, use vertical-align: something % .

HTH

Joe

[themadpoet]

Thanks Joe but good old David B fixed it..... apparently you need to insert a line-height: nnpx; where nn is the height of the image height making the whole thing look like this.


<p style="width: 300px; height: 233px; background: url('your_image.jpg'); line-height: 233px; vertical-align: middle; text-align: center">A paragraph would go here.</p>