Re Peating background

[truezplaya]

hi all

this is my first attempt at making a repeating background work, for some reason it doesn't but i believe it should.
I have included the CSS in to my code and the image can be retrieved from the location it is in because i can display it as an image.

Code

 p   
 {
    background-image: url(~/image/RepeatBackGround.gif); 
    background-repeat: repeat-x; 
    }
 
 

the above code has been tried in the body tags with no such luck.

int the body tags

<p>boo boo boo boo boo boo boo boo boo boo boo boo </p>
 

I know that the css file is linked correctly because i can state a background color in the CSS above and it works!

Any help is welcomed and appreciated

Truez

[drhowarddrfine]

The browser won't know where ~ is so you must give the full pathname.

[truezplaya]

when i do asp:image imageurl="~/image/RepeatBackGround.gif the image shows fine, And even if i do put a full path in it doesn't work :S

[Dormilich]

what does the ~ stand for?

[drhowarddrfine]

Unix for the home directory. I don't recall if that works in Windows.

truezplaya, enter the pathname into your browser address bar and make sure the image shows up there. Or just 'ls /pathname/image/RepeatBackGround.gif' . Are you sure you have the letter case correct?

[Dormilich]

@drhowarddrfine
the question is: does the browser know that, too?

[drhowarddrfine]

It does not, as I said above.

[TheServant]

I think the problem is that your images declared in your stylsheet need to be relative to that stylesheet. So because I keep all my stylesheet images in my 'css' folder along with my stylesheet I simply would have something like:

background-image: url(RepeatBackGround.gif);

But if I wanted to display the image on it's own, I would have to go:
http://mydomain/css/RepeatBackGround.gif

I think that should solve your problem.

PS - Didn't know about the "~"... I must test this!

[truezplaya]

Hey up i managed to get it working.
I had made a very simple error.

background: transparent url(~/image/Vista.jpg) repeat;
When i looked i was using \ instead of / the code above would have worked but i retyped it just to show you what i was dealing with

cheers anyway

Truez

[drhowarddrfine]

Yes. Like everything, Windows has it backwards.