Friday, 15 March 2013

html - Can't Insert Background Image -



html - Can't Insert Background Image -

i have been trying update site , have been having extreme difficulty implementing image site background.

i tried create 2 divs, 1 each side (as want output image1 - lets phone call leftbg.png content in middle, followed image2 - lets phone call rightbg.png on right).

so have set divs in body so:

<body> <div id="leftbg"> <div id="rightbg"> content </div> </div> </body>

and in css file have:

#leftbg { float: left; width: 22.5% (body 55%); background: url(images/leftbg.png) no-repeat; z-index: 999 }

however not producing anything. think might because body code includes background already, , have tried set z-indexes, such leftbg class dominant on body class, aware z-indexes have many problems.

this body css code:

body { font:11px "trebuchet ms", arial, sans-serif; color:#666; background:maroon url(image/backgrd.png); z-index: 0; }

any help appreciated!

try set height #leftbg. example:

#leftbg { float: left; height: 80px; width: 22.5%; background: url(images/leftbg.png) no-repeat; z-index: 999 }

html css html5

No comments:

Post a Comment