Background image using CSS
 

Using the following css:

At the moment if i add text to the usermessage div it starts over the lightbulb image. Anybody got any advice on the neatest way to start the text after the lightbulb background image without adding spaces to the text in the html or creating lots of divs to slice up the message?

Cheers.

so you want the background to be moved? you can use background-position with coordinates, like background-position: 50% 50%; that would center the background in the div.

Thanks Tony. I have used that to better position it but it still sits behind the words. Its a help text area so i want a small lightbulb image to appear then text to follow the image at the moment the text overwrites the lighhtbulb image perhaps setting it in the stylesheet isnt the way to go? I could just display th image then the text in the html but feels like the wrong thing to do. Any guidance?

Cheers,
Ewan

Ok so you want to space out the text in the text area so that it is not over the background image. I am not sure, but I think text-indent works well with textareas (in my experience it doesn't work well with some elements) I haven't done css in months.

Thanks Tony will give it a try.