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