Re: link styles

by =?iso-8859-1?Q?Josu=E9?= Figueira Machado <jmachado(at)mindspring.com>

Date:	Sat, 15 Sep 2001 09:08:43 -0400
To:	"Jim Lynch" <okradoke(at)hotmail.com>, hwg-style(at)hwg.org
In-Reply-To:	hotmail
	todo: View Thread, Original

Jim,

The rules for a:visited are overriding the rules for a:hover. You need to=20
change the order like this:

>a:link  { background:transparent;
>                 color: navy;
>                 font-family:arial,"sanserif";
>                 font-size:12pt;
>                 text-decoration:none; }
>
>a:visited       { background:transparent;
>                 color: navy;
>                 font-family:arial,"sanserif";
>                 font-size:12pt;
>                 text-decoration:none; }
>
>a:hover         { background:transparent;
>                 color: black; font-family:"arial","sanserif";
>                 font-size:12pt;
>                 text-decoration:underline; }
>
>a:active        { background:transparent;
>                 color:navy;
>                 font-family:"arial","sanserif";
>                 font-size:12pt;
>                 text-decoration:none; }

Check this link for more info:

http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes


HTH,

Josu=E9

At 07:27 AM 9/15/2001 -0400, Jim Lynch wrote:

>I have the links on our sites page set with a style sheet as follows:
>a:link          { background:transparent;
>                 color: navy;
>                 font-family:arial,"sanserif";
>                 font-size:12pt;
>                 text-decoration:none; }
>
>a:hover         { background:transparent;
>                 color: black; font-family:"arial","sanserif";
>                 font-size:12pt;
>                 text-decoration:underline; }
>
>a:visited       { background:transparent;
>                 color: navy;
>                 font-family:arial,"sanserif";
>                 font-size:12pt;
>                 text-decoration:none; }
>
>a:active        { background:transparent;
>                 color:navy;
>                 font-family:"arial","sanserif";
>                 font-size:12pt;
>                 text-decoration:none; }
>
>Which works fine the first time around. After you've visited a link it=20
>does go to the way it's listed. However, what I would like is for it to=20
>again be underlined when you hover. Any suggestions?

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