Re: multiple link colors on single page

by Kimiko Drew <macruimmon(at)earthlink.net>

 Date:  Thu, 21 Jun 2001 09:49:03 -0700
 To:  Lesley tao Mowat <lesley(at)stellarvisions.com>,
<hwg-techniques(at)hwg.org>
 In-Reply-To:  stellarvisions
  todo: View Thread, Original
At 11:43 AM 6/21/01 -0400, Lesley tao Mowat wrote:
>Does anybody know how to do this?
>With   a:link  +  a:visited   set up to have 2 color schemes for linking on
>a single page.
>
>Hope this makes sense!

Hi Lesley

I think you mean have two color schemes for say a light colored body area, 
and a dark colored navigation area. If so, I have done the following:

Create two classes; one for the navigation (.nav) and one for the body 
(.body). Since mine is exclusively in a td, I set up the td as needed.

<.td class="nav"> navigation area <./td>
<.td class="body"> body text area <./td>

Then I assign in my CSS page the following:

for the nav
td.nav a:link { color: Aqua; text-decoration: underline}
td.nav a:visited {color: #FFCC33;text-decoration : underline;}
td.nav a:active { color: #FFFFFF; text-decoration: underline}

for the body
td.body a:link { color: #0000FF; text-decoration: underline}
td.body a:visited {color: #003300;text-decoration : underline;}
td.body a:active { color: #FF0000; text-decoration: underline}

You can see this in play at the following site
http://www.camarilla-sw.org

The side nav is yellow and light colors, while the body is in black text 
and darker link colors.

If you need better explanation, let me know.


Kimiko Drew
macruimmon(at)earthlink.net
http://home.earthlink.net/~macruimmon/
a web designer in The Camarilla
White Wolf's Official Fan Club

Nothing happens unless first a dream. - Carl Sandburg 

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