Question

I’m having a problem where I have a background image that will show up perfectly fine when I’m using it in dreamweaver, but once I upload my site and the CSS files and everything it won’t show.

Here’s my CSS code:

.ELSsubbg {
    background-image: url('../images/NTG_images.jpg');
    background-repeat:no-repeat;
    background-position:top left;
}

Any help would be great.

Answer 1

Because you are using a relative path in your CSS, where the stylesheet is looking for the image may be different than where you are seeing it when you go to it directly in the browser.

Try using an absolute path to your images directory instead of a relative one. Assuming you can see the image in your browser at http://www.website-name.com/images/NTG_images.jpg try removing the dots to make the path absolute from the root of your website.

background-image: url('/images/NTG_images.jpg');