PDA

View Full Version : Links


Kerns
06-19-2003, 10:34 PM
I want to have two different link colors... I tried this, but its not working... I've done it before, and I know its easy, but I always forget everything, lol

<style type="text/css">
<!--
body { font: 11px Verdana; line-height: 14px; color: #000000 }

.white { font: 11px Verdana; line-height: 14px; color: #FFFFFF }
white.a:visited { color: #FFFFFF; text-decoration: none }
white.a:active { color: #FFFFFF; text-decoration: none }
white.a:hover { color: FFFFFF; text-decoration: underline }
white.A:link {color:#FFFFFF;}

td { font: 11px Verdana; line-height: 14px; color: #000000 }

a:link { color: #0F7722; text-decoration: none }
a:visited { color: #0F7722; text-decoration: none }
a:active { color: #0F7722; text-decoration: none }
a:hover { color: navy; text-decoration: underline }

.fontw {color:#FFFFFF;font-size:11px; line-height: 14px;font-family:verdana;text-decoration:none;}
.fontw2 {color:#FFFFFF;font-size:11px; line-height: 15px;font-family:verdana;text-decoration:none;}
.fontb {color:#2E2E2E;font-size:11px; line-height: 14px;font-family:verdana;text-decoration:none;}
.fontb2 {color:#2E2E2E;font-size:11px; line-height: 15px;font-family:verdana;text-decoration:none;}
-->
</style>

pardicity3
06-19-2003, 11:18 PM
You need to re-order your CSS so that it goes something like this:

:link
:visited
:hover
:active

http://www.w3schools.com/css/css_pseudo_classes.asp