[thelist] rollover effect for links

[David Bindel]

You must add a class that covers BOTH visited and hover like this:

	a.nav2:visited:hover {
		/* rules here */
	}

HTH,
David Bindel

> -----Original Message-----
> From: thelist-admin at lists.evolt.org
> [mailto:thelist-admin at lists.evolt.org] On Behalf Of Miles Tillinger
> Sent: Wednesday, February 12, 2003 11:23 PM
> To: 'thelist at lists.evolt.org'
> Subject: [thelist] rollover effect for links
>
>
> In IE, links have the correct hover color, but a link with
> class="nav2" always shows as white, except if the link hasn't
> been visited it then shows the correct hover color.  How can
> I get the hover color to show in all cases?
>
> <style>
> A { color : #000066; }
> A:LINK { color : #000066; }
> A:ACTIVE { color : #000033; }
> A:VISITED { color : #006600; }
> A:HOVER { color : #0066CC; }
> a.nav2 { font-size: 8pt; font-weight: bold; text-decoration:
> none; } a.nav2:HOVER { color: #FFE400; } a.nav2:LINK { color:
> #FFFFFF; } a.nav2:ACTIVE { color: #FFFFFF; } a.nav2:VISITED {
> color: #FFFFFF; } </style>
>
> <a href="http://www.google.com">No class, but visited
> site</a><br> <a href=http://www.google.com
> class="nav2">visited site with class applied</a><br> <a
> href="http://www.qweraasdaddwfesc.asdfads">No class, but not
> visited site</a><br> <a href=http://www.
> qweraasdaddwfesc.boohadsf class="nav2">not visited site with
> class applied</a><br>
> --
> * * Please support the community that supports you.  * *
http://evolt.org/help_support_evolt/

For unsubscribe and other options, including the Tip Harvester
and archives of thelist go to: http://lists.evolt.org
Workers of the Web, evolt !