Trouble with CSS

He has: 12 posts

Joined: Apr 2004

Having trouble with my CSS. Won't display properly in Firefox. Tried getting it validated, but was confused by the w3c site. Help!

This is my CSS file contents:

body
{margin: 0;
background-image: url(back.gif)}
td
{vertical-align: top;
font-family: arial}
.main
{border-left: solid;
border-right: solid;
border-width: 1px;
border-color: #000000}
.navback
{background-color: #DDDDDD}
.navbacka
{background-color: #DDDDDD}
.navtopa
{border-top: solid;
{border-left: solid;
border-width: 1px;
border-top-color: #FFFFFF;
border-left-color: #660000;
background-color: #660000;
vertical-align: bottom}
.navtopb
{border-top: solid;
{border-left: solid;
border-width: 1px;
border-color: #FFFFFF;
background-color: #660000;
vertical-align: bottom}
.navbottom
{border-top: solid;
{border-bottom: solid;
{border-left: solid;
border-width: 1px;
border-color: #FFFFFF;
background-color: #990000}
.navdivider
{border-top: solid;
border-width: 1px;
border-color: #000000;
background-color: #FFFFFF}
.content
{background-color: #FFFFFF}
a:link
{color: #FFFFFF;
text-decoration: none;
font-weight: bold}
a:active
{color: #FFFFFF;
text-decoration: none;
font-weight: bold}
a:visited
{color: #FFFFFF;
text-decoration: none;
font-weight: bold}
a:hover
{color: #FFFFFF;
text-decoration: none;
font-weight: bold}

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

.navbottom
{border-top: solid;
{border-bottom: solid;
{border-left: solid;
border-width: 1px;
border-color: #FFFFFF;
background-color: #990000}
'

So you don't see anything wrong with that? Perhaps some open brackets that shouldn't be there? And it's not the only case.

Validation is best done by first looking at the code and making sure it's sensible. Try organizing your code like so:

.navbottom {
    border-top: solid;
    border-bottom: solid;
    border-left: solid;
    border-width: 1px;
    border-color: #fff;
    background-color: #900;
    }
'

He has: 12 posts

Joined: Apr 2004

hahahahahahaha

Thanks, I've had a bit of a rough bout this week...

Suzanne's picture

She has: 5,507 posts

Joined: Feb 2000

It's always the little things that slip us up.

Good practice coding saves hair follicles. Wink

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.