Text over image

[Craftor]

Hi all

I want to have an image on my web page that can have text over it. Creating an image with embedded text is unfortunately not an option as the text is likely to change on a weekly, if not daily option.

I've been playing around with using a table and the background image property and that almost works well - except for one or two little probs ... I want to be able to resize the image myself - and the image tiles itself if it is smaller than the table cell.

I think this kind of thing can maybe be done with a DIV / LAYER? I tried that too but it didn't show up on the web page at all :-(

Can anyone please help me with this?

Apologies if this question has already been addressed - the search is still down :-(

Thanks as always

Craftor

 

[Targol]

Try this kind of code :
CSS File

.ImageAndText {
	border : none 0px #000000;
	position : absolute;
	top : 5px;
	left : 5px;
	width : 100px;
	height : 100px;
	overflow : hidden;
	display : block;
	text-align : center;
}

HTML File

<IMG Class=&quot;ImageAndText&quot; src=&quot;myImage.gif&quot; style=&quot;z-index : -1;&quot;/>
<DIV Class=&quot;ImageAndText&quot; style=&quot;z-index : 1;&quot;>This text should appear over image</DIV>

Water is not bad as long as it stays out human body ;-)