Why Doesn't this Code Work

[royal ludhiana]

hi all,

I am having a simple CSS file with the following tag:

.topdivision
{
width:100%;
height:100px;
background-image:url(../images/banner5.jpg);
background-repeat:no-repeat;
background-position:center ;
}

And as I am using this with ASP.NET page, I have given a reference in the page as:
<link href="App_Theme s/rainy/rainy.css" rel="Stylesheet " type="text/css" />

and I have used the "topdivisio n" tag like:

<div id="div_top" class="topdivis ion" runat="server"> </div>

I think everybit of process is fine, but I am unable to view the image I am using as a background(bann er5.jpg) image.
Can you help me through.

Regards,
Royal

[drhowarddrfine]

Are you sure the image is actually relative to the location you have the html page at?

[royal ludhiana]

if I don't use the CSS and I try to display the images as:

<div id="topdiv" style="backgrou nd-image:url(/images/banner5.jpg)"></div>


it works fine this way. But I want to do the same thing using CSS.

Regards,

Royal

[Death Slaught]

Try changing you code to this, and see if it works.

[CODE=css] .topdivision {
width:100%;
height:100px;
background-image:url(http://www.thescripts. com/forum/customavatars/avatar129709_10 .gif);
background-repeat:no-repeat;
background-position:center ;
}[/CODE]

And if it doesn't change you code to this.

[CODE=css] .topdivision {
width:100%;
height:100px;
background-image: url(http://www.thescripts. com/forum/customavatars/avatar129709_10 .gif);
background-repeat:no-repeat;
background-position:center ;
}[/CODE]

Thanks, Death

[drhowarddrfine]

In the CSS, you are using a different relative path. There you show ../ while in the other you just show /

[Death Slaught]

I was working more around a certain ' ' which has caused myself issues in the past.

~_^ Thanks, Death