Fw: css mouseover not working

Sorry, forgot to post this to the list.  Guess it might help someone else
too.

Regards
--
Bert Doorn, Web Developer
CIW Associate, IWA Member
www.betterwebdesign.com.au
Fast Loading, User Friendly Websites


----- Original Message -----
From: "Bert" <bert(at)betterwebdesign.com.au>
To: "Blue Tapp" <blue(at)bluesarthouse.com>
Sent: Saturday, March 09, 2002 1:48 AM
Subject: Re: css mouseover not working

G'day

Well, they are all working for me.

One thing though, after VISITING one of the links, the hover does not work
any more.  This applies to ALL the links

It is usually due to the order in which you specify the link colors in CSS.

a.whitelink:active {  color: #FF3333; text-decoration: none}
a.whitelink:hover {  color: #FFCC99; text-decoration: underline}
a.whitelink:link {  color: #FFFFFF; text-decoration: none}
a.whitelink:visited {  color: #FFFFFF; text-decoration: none}

Change that to:

a.whitelink:active {  color: #FF3333; text-decoration: none}
a.whitelink:link {  color: #FFFFFF; text-decoration: none}
a.whitelink:visited {  color: #FFFFFF; text-decoration: none}
a.whitelink:hover {  color: #FFCC99; text-decoration: underline}

In other words, put the hover last.  The order I usually put them in is:
Link, Visited, Active, Hover

HTH
--
Bert Doorn, Web Developer
CIW Associate, IWA Member
http://www.bwdzine.com/bwdt/
Beginners Web Design Tutorial

HTML: hwg-basics mailing list archives, maintained by Webmasters @ IWA