TalkPHP - View Single Post

captainmerton · 12-29-2011, 07:16 PM

Using the following css:

PHP Code:


			
#usermessage {float:left; width:100%; margin-bottom:25px; padding:10px; font-weight:bold; background: #CCFFFF; border: 1px solid #99CCFF;

background-image:url('images/lightbulb.png');background-repeat:no-repeat;background-position:left;}

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.

12-29-2011, 07:16 PM	#1 (permalink)
captainmerton The Acquainted Join Date: May 2009 Posts: 178 Thanks: 9	Background image using CSS Using the following css: PHP Code: `#usermessage {float:left; width:100%; margin-bottom:25px; padding:10px; font-weight:bold; background: #CCFFFF; border: 1px solid #99CCFF; background-image:url('images/lightbulb.png');background-repeat:no-repeat;background-position:left;}` 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.