ansaurus

Question

I can't get this picture in the background of my div

Answer 1

+3 A:

Be sure that ../images/box/black_bottom.png is the path from your stylesheet to the image file. Everything else looks correct, but people don't always realize that paths are relative to the css file and not the page that includes it.

Try an absolute URL there and see if it appears then. If it does, you know your relative URL isn't right.

Squeegy 2010-02-23 21:24:58

If you look at the style info in Firebug and hover your cursor over that "url()" expression, it'll either show you the image, or it won't. If it doesn't, that means that the URL is bad.

Pointy 2010-02-23 21:32:22

Answer 2

A:

HI...

This might give you something to have a look at...

<html>
<head>
<style type="text/css">
    #mydiv{
        background-image:url('http://www.theregister.co.uk/Design/graphics/std/logo_414_80.png');
    }
</style>
</head>
<body>
<div id="mydiv">
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
<p>Mary had this little lamb...</p>
</div>
</body>
</html>

Just something to get you started.

Also, your div#blockdark doesn't validate - use #blockdark instead...

(The id should be unique, so tag type doesn't matter)

Martin Milan 2010-02-23 21:42:08

I have edited my question with a example

Chris 2010-02-24 09:51:45

Answer 3

+1 A:

EITHER:

Your image doesn't exist at this relative path: ../images/box/black_bottom.png.

OR:

Your image is blank.

OR:

Your image has more blank space in the image's left bottom corner than the dimensions of your div.rounded_corners, and therefore the background image "overshoots" your div.

Tom 2010-02-23 23:07:05

ansaurus

tags:

views:

answers:

I can't get this picture in the background of my div

related questions