Hi, I've never been a great student of CSS...but I still feel pretty stupid not being able to work this one out...

I've used referenced CSS on my sites for a while now (that whole LINK REL= code) and it usually works very well. I was just given a new domain, and now something is just not working with this code. The code on the actual site is fine, I've checked. (the page I'm referring to with this whole post is http://lushing.org/hello.html) Everything is working except the code for the links. When I first coded this last night, it was perfectly fine. Then today at school I noticed most of the links were the default blue until you hovered over them, and figured it might be because the computers there did not have a high enough color resolution. But when I checked at home, the same thing was true. The only links that show up correctly are the visited links. I've checked and rechecked the code, but I must be missing something. I don't know how it could have gone from working last night to not working this morning, but it goes for the splash page CSS, the greymatter CSS and the main page CSS. Any ideas ? Here's the code, hopefully I've just looked at it way too much and I'm missing something simple.


A:link {color: #c02e0a; text-decoration: none;
font-family;georgia;}
A:visited {color: #c02e0a; text-decoration: none;
font-family;georgia;}
A:hover {color:#b00058; font-family;georgia;}

input, textarea {
font-family: georgia;
font-size: 8pt;
color: #black;
border-style: solid;
border-width: 1px;
border-color: #black;
}

.title
{font-family:georgia;
color:black;
font-size:11px;
font-weight:bold;
text-transform: uppercase;
background-color: #c02e0a;
padding-left: 5px;
BORDER-RIGHT: black 1px solid;
BORDER-TOP: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid
}

body, tr, td, font, p, xmp {font-size: 10px; font-family:georgia;
color:#black;
cursor:default;
scrollbar-face-color : white;
scrollbar-highlight-color : white;
scrollbar-3dlight-color : #c02e0a;
scrollbar-shadow-color : #c02e0a;
scrollbar-darkshadow-color : gray;
scrollbar-track-color : white;
scrollbar-arrow-color : #000000
}



It should have something to do with A:link, right ? Please help lol.

font-family;georgia;

The first ; should be a : It's like that for all the link sections, try changing it and see what happens.

Oh wow, thanks for that ! That was obviously wrong, just like I knew something would be. But I changed it and it still isn't working. Thanks so much again...here's the code now if anyone can help :


A:link {color: #c02e0a; text-decoration: none;

font-family:georgia;}
A:visited {color: #c02e0a; text-decoration: none;

font-family:georgia;}
A:hover {color:#b00058; font-family;georgia;}

input, textarea {
font-family: georgia;
font-size: 8pt;
color: #black;
border-style: solid;
border-width: 1px;
border-color: #black;
}

.title
{font-family:georgia;
color:black;
font-size:11px;
font-weight:bold;
text-transform: uppercase;
background-color: #c02e0a;
padding-left: 5px;
BORDER-RIGHT: black 1px solid;
BORDER-TOP: black 1px solid;
BORDER-LEFT: black 1px solid;
BORDER-BOTTOM: black 1px solid
}

body, tr, td, font, p, xmp {font-size: 10px; font-family:georgia;

color:#black;
cursor:default;
scrollbar-face-color : white;
scrollbar-highlight-color : white;
scrollbar-3dlight-color : #c02e0a;
scrollbar-shadow-color : #c02e0a;
scrollbar-darkshadow-color : gray;
scrollbar-track-color : white;
scrollbar-arrow-color : #000000
}

take our those comments in your css page, that's why it's not working.

k, thanks

Originally posted by Skye

input, textarea {
font-family: georgia;
font-size: 8pt;
color: #black;
border-style: solid;
border-width: 1px;
border-color: #black;
}

body, tr, td, font, p, xmp {font-size: 10px; font-family:georgia;

color:#black;
cursor:default;
scrollbar-face-color : white;
scrollbar-highlight-color : white;
scrollbar-3dlight-color : #c02e0a;
scrollbar-shadow-color : #c02e0a;
scrollbar-darkshadow-color : gray;
scrollbar-track-color : white;
scrollbar-arrow-color : #000000
}

color: #black; is not a valid colour. it's either #000000 or black but not a mix of both :)

also try saving your images as .jpg and not .bmp because .bmp is really a pain in the butt to load =)

and another tip (i'm sorry, but it's just the best for you and your visitors), try adding more then one font because you have 'georgia' selected and that's a font that not all people have unless you like times new roman as the default font. If you just add georgia, other font here then the second font will view when that certain person hasn't got 'georgia' on his/her computer

Love,
Mirna

Thanks lol...it was fixed when I took the comments thing out and I actually changed the font. I just couldn't figure out for the life of me why it wasn't working...but yeah it was definitely the comments in the source (thanks again rosey lol)...and I just left the black thing...I know #black isn't a valid color, and I knew that before too but since I know it usually doesn't make a difference, I just left it. Lol the laziness...thanks !!