[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