going crazy....

[spuryou]

I decided I wanted different images in the top of each pages on this site that I'm doing for a family member. The area which is called the container consist if a background image thats about 600x240, its basically the header of each pages. I wasn't sure of what to do so I just made a new css rules for each pages, the home page is container, the services pages is container service, etc...

Well everything works great locally but when I upload it to the server the images will not display, and I know everything is written correctly.

CSS is below:



.container {
background: #FFF url(images/stafftop.jpg) no-repeat;
border: 1px solid #EEE;
border-color: #EEE #CCC #AAA;
margin: 0 auto;
text-align: left;
width: 600px;
}
.containerstaff {
background: #FFF url(images/stafftop.jpg) no-repeat;
border: 1px solid #EEE;
border-color: #EEE #CCC #AAA;
margin: 0 auto;
text-align: left;
width: 600px;
}
.containerservice {
background: #FFF url(images/servicetop.jpg) no-repeat;
border: 1px solid #EEE;
border-color: #EEE #CCC #AAA;
margin: 0 auto;
text-align: left;
width: 600px;
}
.containerfaq {
background: #FFF url(images/faqtop.jpg) no-repeat;
border: 1px solid #EEE;
border-color: #EEE #CCC #AAA;
margin: 0 auto;
text-align: left;
width: 600px;
}
.containerclients {
background: #FFF url(images/clienttop.jpg) no-repeat;
border: 1px solid #EEE;
border-color: #EEE #CCC #AAA;
margin: 0 auto;
text-align: left;
width: 600px;
}





Thanks in advance!

[zip222]

Everything in the css appears to be ok. is there a url that you can share?

[NickNameDrive]

Check if the URL to image is correct! In some cases it could be lower/upper case issue. If you use .jpg (lowercase) check how it is displayed in your server, it could be .JPG (uppercase) and therefore image cannot be found.

[Den7]

the ones I use I those below so you may wanna check on your missing comas and correct wording

background-image: url('../directory/picture.jpg');

hope it helps