Re: alternate link colors

by Cara Cheung <Cara.M.Cheung(at)jpl.nasa.gov>

 Date:  Tue, 28 Oct 2003 09:13:03 -0800
 To:  hwg-style(at)hwg.org
 In-Reply-To: 
  todo: View Thread, Original
Hi Jeff,

I had the same problem before and found out that the ordering of the styles 
makes a difference. Try this instead:

a:link {  color: #CC9933; text-decoration: underline}
a:visited { text-decoration: underline;}
a:active {  color: #FFCC00; text-decoration: underline}
a:hover {  color: #FFCC00; text-decoration: underline}

and

a.botlinks:link {  color: #000000; text-decoration: underline}
a.botlinks:visited { color: #000000; text-decoration: underline;}
a.botlinks:active {  color: #FFCC00; text-decoration: underline}
a.botlinks:hover {  color: #FFCC00; text-decoration: underline}

Always place the "hover" last.
Hope this helps.

- Cara

At 07:19 AM 10/28/2003 -0700, you wrote:

>Date: Tue, 28 Oct 2003 09:12:03 -0500
>From: "Web Alchemy Concepts" <sales(at)webalchemy.on.ca>
>Subject: alternate link colors
>
>Hello,
>
>I am trying to get a different visited link color to work for my pages. I
>have the standard links set up in my style (linked stylesheet)
>
>in my body tag I have left all tags unchanged and set vlink="CC9933"
>
>in stylesheet:
>
>a:active {  color: #FFCC00; text-decoration: underline}
>a:hover {  color: #FFCC00; text-decoration: underline}
>a:link {  color: #CC9933; text-decoration: underline}
>a:visited { text-decoration: underline;}
>
>and then alternate link colors set up as:
>
>a:botlinks.active {  color: #FFCC00; text-decoration: underline}
>a:botlinks.hover {  color: #FFCC00; text-decoration: underline}
>a:botlinks.link {  color: #000000; text-decoration: underline}
>a:visited.botlinks { color: #000000; text-decoration: underline;}
>
>but when a link has already been visited it also no longer changes color
>when moused over....it just stays black. I have the link classes defined in
>the href tags:
>
><a href="../index.htm" class="botlinks">Home</a>
>
>Any ideas?
>
>TIA,
>
>Jeff
>
>------------------------------

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA