Displaying Text Over an Image

I've been trying to get this to work for ages, i want an image, and then be able to have text wherever i want over it... BUT it has to stay in the same position if the window is re-sized or if different screen resolutions are used.

I know it's to do with DIV's, but i cant quite get my head around it, any takers? I've checked out links on the tinterwebz but they dont maintain the placement when the window resizes.

Salrite, figured it out, wasnt hard *slaps face* http://css-tricks.com/text-blocks-over-image/

CSS "position" and "padding"

you need to use a higher z-index for the div that holds the text, then use positive absolute, you may need a div around the image and the text.

mward said:

you need to use a higher z-index for the div that holds the text, then use positive absolute, you may need a div around the image and the text.

Click to expand...

Z-index works only for images ,so if you want to overlap one image over the other ,that's when you use the z-index and not in this case.

There are two ways to do it, either use watermarking or you can keep image in the background and keep text over the image

mktanny said:

Z-index works only for images ,so if you want to overlap one image over the other ,that's when you use the z-index and not in this case.

Click to expand...

Z-index is not only for images. It works on all positioned elements. I use it quite often for tooltips and fly out menus.

php can do that. you should research php's image functions.