Webmaster forum - Re: CSS problem: how can I remove unlining of links in msIE *and* Firefox, for just *som

Author

Re: CSS problem: how can I remove unlining of links in msIE *and* Firefox, for just *som

Els

2006-11-05, 11:42 pm

ship wrote:

> Hi
>
> How can I, for just for *SOME* of my HTML links:
> a) - remove underlines
> b) - except when mouse is hovering over it, whereupon the underline
> needs to reappear
> c) and it needs to work the same in latest FireFox & Netscape as well
> as MSIE 6...
>
> Is this possible?
>
> Sorry for being a CSS newbie but here's what I've done so far.
> At the top of the page I have:
>
> <style type="text/css">
> .PlainSmallLink {
> color: #99CCFF;
> text-decoration:none;
> font-size: 9px;

Aaargh!!
(make that a percentage please :-))

> font-family: Verdana, Arial, Helvetica, sans-serif;
> }

..PlainSmallLink:focus,
..PlainSmallLink:hover,
..PlainSmallLink:active{
text-decoration:underline;
}

> </style>
>
> And then in the body of the HTML page:
>
> <a href="http://www.foo.com"><span
> class="PlainSmallLink">foo</span></a>
>
> This puts it into the right colour but only underlining when viewed
> through msIE, not firefox.
>
> Also it fails to bring the underlining back when I hover...

You should set that class on the link (<a href..> ), not the span
inside of it. It's the link that has or hasn't the underline, not the
span.

(the styles for focus, hover and active I added are only working if
you set the class on the <a> )

--
Els http://locusmeus.com/

Now playing: Squeeze - Third Rail