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;
}
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;
}