Re: CSS: Two sets of styles on one page - how?

Thanks Stacey, - that did the trick.

I now have two sets of styles in the sheet:
A:LINK.WHITE, A:VISITED.WHITE, A:ACTIVE.WHITE {text-decoration: none; color: 
White;}

For the header section which is on a dark background, and the following for 
the rest of the page:

A:LINK, A:VISITED, A:ACTIVE {text-decoration: none; color: #336699;}

And it works a treat - well on my IE5 at least.  I'll be testing it on other 
browsers in due course.

Thanks for your help.

Cheers,
Mike Kear
AFP Web Development
Windsor, NSW, Australia


>
>when you set the font tag style just use a .color after it to represent 
>each
>color - then inside the <a tag add class="color">.
>
>ex.
>a.red {.....}
>a.hover.red {...}
>in the header
>
>in the actual tag: <a ... class="red">
>
> > From: "Mike Kear" <choicemag(at)hotmail.com>
> > Date: Mon, 15 May 2000 01:44:27 EST
> > To: hwg-techniques(at)hwg.org
> > Subject: CSS: Two sets of styles on one page - how?
> >
> > I'm trying to use CSS to control the type on my site, and I need to have
> > links have different colours in different parts of the page.   But I'm
> > blowed if I can find how you can have a style sheet as well as a style
> > specified in line.  Can someone remind me please?
> >
> > The page in question is 
>http://newcgi.zipworld.com.au/mkear/dclinks98.cgi
> >
> > At the top, in the blue area, there are links that I want to have the
> > following style:
> >
> > A:LINK, A:VISITED, A:ACTIVE {text-decoration: none; color: white;}
> > A:Hover {text-decoration: underline; color: red;}
> >
> > And down in the table below, I want to have the following style:
> >
> > A:LINK, A:VISITED, A:ACTIVE {text-decoration: none; color: #336699;}
> > A:Hover {text-decoration: underline; color: red;}
> >
> > How can I accomplish this?  I know I've seen it done but for the life of 
>me
> > I can't find where I found it.
> >
> > Cheers,
> > Mike Kear
> > AFP Web Development
> > Windsor, NSW, Australia
> > http://www.afp.zip.com.au
> >
> > ________________________________________________________________________
> > Get Your Private, Free E-mail from MSN Hotmail at http://www.hotmail.com
> >
>

________________________________________________________________________
Get Your Private, Free E-mail from MSN Hotmail at http://www.hotmail.com

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