CSS Background Image

[rocky.mcarthur41]

I'm trying to display a background image. On my pc this isn't a problem, when I upload the CSS to the server the image doesn't want to display.

#content-middle { padding: 0 25px 25px; background: url(../images/wallpaper.jpg) ; }

 

[lemon-tree]

Have you uploaded the image to the server too and is it in the correct directory? If that's not the problem, can you provide a link to the page in question.

 

[callumacrae]

It's working fine here (your site)

~Callum

 

[xav0989]

Wrong Category, moving to programming help

 

[krofunk]

you could try using a complete path so rather than

#content-middle { padding: 0 25px 25px; background: url(../images/wallpaper.jpg) ; }

you could use

#content-middle { padding: 0 25px 25px; background: url(http://www.example.com/images/wallpaper.jpg) ; }

your code assumes that the images directory is a level up from your site, so in order for your page to display correctly all html files must exist in www.example.com/site/

using my example means that it doesn't matter where the index.html is...even if the image is on a different server.

hope this helps

 

[rocky.mcarthur41]

This site is located at http://euphoriaspa.x10hosting.com/. The image is present and the CSS indicates that. I've also tested on another computer and with Opera which does the same thing.

 

[lemon-tree]

The image doesn't seem to be present. It is currently looking for http://euphoriaspa.x10hosting.com/images/wallpaper.jpg, which isn't uploaded.
It looks like you should link it to http://euphoriaspa.x10hosting.com/images/content-top.gif