quick CSS question

[GSXdan]

a:link { color: #000000; text-decoration: underline}
a:visited { color: #CC0000; text-decoration: underline}
a:hover { color: #990000; text-decoration: underline}

.menulink1:link { color: #990000; text-decoration: none}
.menulink1:visited { color: #990000; text-decoration: none}
.menulink1:hover { color: #CC0000; text-decoration: none}

BODY{scrollbar-face-color:#990000;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#CC3333;
scrollbar-shadow-color:'#1C1C1C';
scrollbar-highlight-color:'#CC3333';
scrollbar-3dlight-color:'#1C1C1C';
scrollbar-darkshadow-Color:'#1C1C1C';}

.menu { color: #CC0000; font-family: Arial; font-size: 14px; fontsize: 15px; font-weight: bold}

.copyright { color: #FFFFFF; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}

.normal { color: #666666; font-family: Verdana; font-size: 11px; fontsize: 12px; font-weight: none}

.side { color: #000000; font-family: Verdana; font-size: 10px; fontsize: 11px; font-weight: none}

.date { color: #FF6600; font-family: Verdana; font-size: 11px; fontsize: 12px; font-weight: none}

.bold { color: #990000; font-family: Verdana; font-size: 11px; fontsize: 12px; font-weight: bold}


how would i make it so that the link color in the copyright class be a different color than the default link color? I tried putting link: #FFFFFF inside the copyright definition, but it didnt work... what am i doing wrong?

TIA ^dan

[mairving]

If you are going to use it for a href class, then you would have to specify the class like
.copyright { color: #FFFFFF; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}
.copyright:link { color: #FFFFFF; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}
.copyright:hover { color: #FFFFFF; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}
.copyright:visited { color: #FFFFFF; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}

[GSXdan]

i put that in but the link is still messing up... www.kirksrv.com the link next to the copyright is red for some reason. There is no red defined in the copyright class.


a:link { color: #000000; text-decoration: underline}
a:visited { color: #CC0000; text-decoration: underline}
a:hover { color: #990000; text-decoration: underline}

.menulink1:link { color: #990000; text-decoration: none}
.menulink1:visited { color: #990000; text-decoration: none}
.menulink1:hover { color: #CC0000; text-decoration: none}

BODY{scrollbar-face-color:#990000;
scrollbar-arrow-color:#FFFFFF;
scrollbar-track-color:#CC3333;
scrollbar-shadow-color:'#1C1C1C';
scrollbar-highlight-color:'#CC3333';
scrollbar-3dlight-color:'#1C1C1C';
scrollbar-darkshadow-Color:'#1C1C1C';}

.menu { color: #CC0000; font-family: Arial; font-size: 14px; fontsize: 15px; font-weight: bold}

.copyright { color: #FFFFFF; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}
.copyright:link { color: #FFFFFF; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}
.copyright:hover { color: #CCCCCC; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}
.copyright:visited { color: #CCCCCC; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}

.normal { color: #666666; font-family: Verdana; font-size: 11px; fontsize: 12px; font-weight: none}

.side { color: #000000; font-family: Verdana; font-size: 10px; fontsize: 11px; font-weight: none}

.date { color: #FF6600; font-family: Verdana; font-size: 11px; fontsize: 12px; font-weight: none}

.bold { color: #990000; font-family: Verdana; font-size: 11px; fontsize: 12px; font-weight: bold}


thanks again

[mairving]

Need to tell it what class it is in:
<a class="copyright" href="...
or change the default for the href class:
a:link { color: #000000; text-decoration: underline}
a:visited { color: #000000; text-decoration: underline}
a:hover { color: #000000; text-decoration: underline}

[m3talc0re]

Not only that, but your CSS is missing the damn a's!

A.copyright { color: #FFFFFF; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}
A.copyright:link { color: #FFFFFF; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}
A.copyright:hover { color: #CCCCCC; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}
A.copyright:visited { color: #CCCCCC; font-family: Verdana; font-size: 12px; fontsize: 13px; font-weight: bold}

The A's are just capitalized to show you they are there.