Problems displaying an image when going live

[dthomas31uk]

Hi, Have created a webpage.

tested the page out before I put it live on the web everything ok.

Uploaded it onto my webspace and one of the background images does not appear when live. Why is this?

Have had the page validated etc and everything is ok.

Any ideas here is the link to the page

http://www.tenerifesun.co.uk/RentalHome.html

There should be a white background image placed behind the welcome text.

The CSS for the site is at the following address

http://www.tenerifesun.co.uk/RentalStyle.css

The actual CSS tag that should load up the image is has follows

#RentalBox {
margin: 5px 0px 5px 24px;
width: 748px;
height: 294px;
border:#E7480E 3px solid;
background: url("ImagesRental/MobileFade.jpg") no-repeat;
}

I have set up a wrapper that is place behind all of this which is called

#RentWrapper {
float:left;
margin:0px;
width: 800px;
height:516px;
background-color:#FDE8B1;
}

Then I have a div after the #RentalBox tag that displays the welcome image

#WelcomeRental {
margin:5px 0px 0px 7px;
padding:0px 0px 0px 0px;
width:246px;
height:68px;
background: url("ImagesRental/WelcomeText.jpg") no-repeat;
}

Hope somoeone can help

Cheers

 

[BillyRayPreachersSon]

If the image is uploaded, and in the correct folder relative to the CSS file, then check the case of the folder and file names.

It is probably the case that your host is using unix, or some other case-sensitive OS, and you have not used the same case when including the image file that the filename itself has.

Hope this helps,
Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[dthomas31uk]

Cheers for that BillyRay. That was a schoolboy error. AAArrrggghhh. been scratching my head last hour wondering what the problem was.

Nice one cheers