Background image in DIV not displaying

creative_eye · #1 (**permalink**) October 30th, 2009, 01:48 AM

I've a image which I need to show as background in a DIV. Here is the code:

CSS:
#inner_banner { background:url(images/inner-banner.jpg) no-repat; height:200px; display:block; width:950px; float:left; }

HTML:
<div id="inner_banner">some text here</div>

But this code doesn't showing the background image (in all browsers), only blank space. What I'm doing wrong?

om_prakash · #2 (**permalink**) October 30th, 2009, 08:38 AM

Change:

Code:

<div id="inner_banner">some text here</div>

to

Code:

<div class="inner_banner">some text here</div>

Please check this link for more example:
http://www.hscripts.com/tutorials/css/backp4.php

Imar · #3 (**permalink**) October 30th, 2009, 10:04 AM

Hi om_prakash,

I don't see how that would fix the problem. Take a look at the selector:

#inner_banner

It's an ID selector and thus you need the id=, not class=

The problem is with the no-repat. Change that to no-repeat and it should work...

Cheers,

Imar

Need to download code?

Navigation