[thelist] Fw: CSS links

Paul Cowan paul at wishlist.com.au
Tue Aug 28 23:50:50 CDT 2001


Gary Finnigan [mailto:gfinnigan at talk21.com] wrote:
<snip CSS>
> And this is the HTML;
> <a class="mail" href="mailto:onevoicenetwork at onevoice.co.uk" TABINDEX="14"
> name="email link">The Secretariat</A>
> 
> Yet it still won't play. Have I  missed something?

This works fine for me (IE 5.5, Win2000).

The link has :
	border: outset 		(from a:link)
	color: blue	   		(from a.mail:link)
	text-decoration: none	(from a.mail)
	font-family: arial	(from a.mail)

When hovered:
	border: outset 		(STILL from a:link)
	color: #ccffCC   		(from a.mail:hover)
	background: #00d088	(from a.mail:hover)
	text-decoration: none	(still from a.mail)
	font-family: arial	(still from a.mail)
	font-size: 120%		(from a.mail:hover)
	font-weight: bold		(from a.mail:hover)	

In other words, exactly what the style sheet says. The hovered link 
changes foreground and background colours, and gets bigger and bold,
but keeps borders & fonts.

If you want the border etc. to go away, you will need to override them
in the more specific declaration.

What problems are you seeing? Try declaring a :visited as well, by the way.
Sometimes that will catch you up.


Cheers,

Paul






More information about the thelist mailing list