What am I doing wrong, no images

[Alan Shaw]

Well the title says it all, I've created a site, created my own images, saved the CCS as a separate file and not in the head.

Uploaded to my local server C:\inetpub etc; I can see the completed page on my local server but when I upload it to my remote server on the WWW, no images!!

All the files are there though.

Must be something to do with the 'path' but I can't see it.

Any ideas??

[Danilo Celic]

The answer is in the code of the page(s) you're working with. Please post a link to a page and someone can take a look to see if the paths to the images are correct or that the images are in the location that the code expects them to be.

[Alan Shaw]

I think that I have exhausted all my limited knowledge looking for an answer, I've even typed in the full url of the image into the css and still no luck.

It must be something easy that I keep overlooking.

http://www.savanamotors.co.uk/test.html

and I'll guess you'll need this as well. the 'screen.css' file:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
}
body {
background-color: #343e3c;
color: #2d2e2e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
margin: 50px 0 0 0;
padding: 0 0 0 0;
text-align: center;
}
h1 {
color: #78a769;
font-size: 14px;
font-weight: bold;
line-height: 14px;
}
h2 {
color: #78a769;
font-size: 12px;
font-weight: bold;
line-height: 14px;
}
a, a:link {
color: #239f3e;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #578557;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #017a20;
text-decoration: underline;
}
a:focus {
color: #017a20;
}
a:active {
color: #004e2a;
}
#outerWrapper {
background-color: #fff;
margin: 0 auto 0 auto;
text-align: left;
width: 780px;
}
#outerWrapper #header {
background-image: url("../imgs/banner.jpg");
background-repeat: no-repeat;
border-bottom: solid 2px #657f51;
font-size: 18px;
font-weight: bold;
height: 99px;
line-height: 15px;
}
#outerWrapper #contentWrapper {
background-image: url("../imgs/contentWrapper_bg.png");
background-repeat: repeat-y;
overflow: hidden;
}
#outerWrapper #contentWrapper #sidebar {
background-color: #edf6e4;
border-right: solid 1px #92b876;
float: left;
padding: 10px 10px 10px 10px;
width: 150px;
}
#outerWrapper #contentWrapper #content {
margin: 0 0 0 170px;
padding: 10px 20px 10px 20px;
}
#outerWrapper #contentWrapper #content h1 {
color: #78A769;
font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
}
#outerWrapper #footer {
background-color: #edf6e4;
border-top: solid 1px #92b876;
padding: 10px 10px 10px 10px;
}

[Ray Borduin]

I can't seem to access the images on the server. I tried:

http://www.savanamotors.co.uk/imgs/banner.jpg... no image is there.

[Alan Shaw]

OK, I see what you mean, this is a sub domain on my hosting server either I have set DW up incorrectly or I have set the sub domain up incorrectly.

Once I've worked it out I'll come back on here and explain where I have gone wrong, you never know, it might help others.

Thanks for looking.

[Alan Shaw]

I asked my host to look in my Control Panel and see if anything was amiss, there was, here is their reply:

'Your banner image is not displaying because you have enabled Hotlink Protection within your account, but appear to have not added the savanamotors.co.uk domain to the list of domains excluded from this - I have now added this for you, and your banner.jpg image is loading correctly.'

My fault after all, but then most thing I guess are 'user error'.