PDA

View Full Version : CSS won't work when uploaded



WebLizzard
Mar 7th, 2011, 05:04 PM
I am creating a website for a non profit organization, and my CSS is not working. I am using Dreamweaver CS5 with an external style sheet.

The CSS works in Dreamweaver, but when I upload my index.html and my CSS file, the CSS is not working at all.

I validated my CSS and XHTML. I even tried different hosting accounts. Something is wrong, and I'm obviously missing it. Does anyone have any thoughts? Maybe I messed up my directories. I only have an images folder and a index.html along with my facethemusic.css file. (The CSS file is at the home root level.)

Thanks in advance for any suggestions. I am going crazy here!
~Liz

http://www.facethemusic-foreclosureaid.org/

CSS:
body {

margin: 5px;

}


#container {
background-color: #FFFFFF;
margin-right: auto;
margin-left: auto;
width: 1000px;
background-image: url(images/backcolumns.gif);
border: 1px solid;
}

#contentwrap {
float: left;
width: 100%;
}

#content {
margin: 0 179px 0 177px;
padding-top: 10px;
padding-right: 15px;
padding-left: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;

}


#header {
height: 118px;
width: 1000px;
background-image: url(images/ftmbanner.gif);
position: relative;

}

#leftnav {
float: left;
width: 175px;
margin-left: -1000px;

}

#leftnav ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-align: center;

}

#leftnav a
{
display: block;
width: 164px;
padding-top: 15px;
padding-right: 7px;
padding-bottom: 12px;
padding-left: 6px;
border-bottom: 1px solid #036;
}
#leftnav a:link, .navlist a:visited
{
color: #000;
text-decoration: none;
font-weight: bold;
}

#leftnav a:visited
{
color: #000;
text-decoration: none;
font-weight: bold;
}

#leftnav a:hover
{

background-color: #FFF;

}


#rightcolumn {
float: left;
width: 180px;
padding-top: 10px;
margin-left: -180px; /* width and margin have to be the same */

}

#footer {
width: 980px;
clear: both;
background-color: #e6e3cf;
margin: 0px 0px 0px 0px;
padding: 10px;
font-size: 13px;
font-family: Verdana, Geneva, sans-serif;
border-top: 1px solid;


}

#divholder {
width: 178px;
text-align: center;

}
#divholder2 {
width: 980px;
text-align: center;

}
#centerme {
width: 600px;
text-align: center;

}

#top {
text-align: center;
}

p {
font-family: Georgia, Tahoma, Verdana, Geneva;
font-size: 15px;
line-height: 15pt;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 0;
padding-bottom: 9px;
}

a {
color: #0000FF;
font-weight: bold;
text-decoration: underline;
}
a:visited {
color: #0000FF;
text-decoration: underline;
font-weight: bold;
}
a:hover {
color: #4682B4;
text-decoration: underline;
}


h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
font-weight: bold;
color: #036;


}
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;
color: #036;
line-height: 20px;

}
h3 {
font-family: Georgia, "Times New Roman", Times, serif;

}

.C2Box {
background-color:#d8e5f5;
width: 40%;
border: 1px solid #8f8fb3;
margin: 2px 2px 8px 10px;
float: right;
color: #006;
}

.C2Box h5 {
margin:0;
font-size: 12px;
padding:2px;
text-align:center;
background-color: #fff;
}

.C2Box p {
font-size:11px;
padding:0px 4px;
line-height:13px;
}

#footer {
width: 980px;
clear: both;
background-color: #e6e3cf;
margin: 0px 0px 0px 0px;
padding: 10px;
font-size: 13px;
font-family: Georgia, "Times New Roman", Times, serif;
border-top: 1px solid;


}

Excavator
Mar 7th, 2011, 05:29 PM
Hello WebLizzard,
Your CSS is working, index.html and facethemusic.css are both there and linked together.
What's missing is the .gif's in /images. It looks like /images is empty from here.

WebLizzard
Mar 7th, 2011, 05:48 PM
Hi Excavator,

Thanks for your response. You are right... my images are the ones that won't show up. I'm still stuck because I have an "images" folder created on my hosting account with all the images loaded up in there. Very strange...

I am going to try another hosting account again and see what happens. Will report back in a bit. Thanks for your help and for pin pointing the issue! :)

WebLizzard
Mar 7th, 2011, 06:54 PM
Update: It's the specific hosting company that I am using. I was able to successfully upload my site to another hosting Company... all images worked and showed up.

I am now contacting the hosting company for help. Thanks for your help!