Posted by Jonathan N. Little on 06/09/06 00:49

Ed Mulroy wrote:
>> Perhaps you need: text-decoration: none; in your
>> hover style? ...
>
> No, I don't want that. The a:hover is as I want it. I do not want to
> discard behavior that I worked to achieve because Firefox decides to
> decorate a non-link as if it were a link. It decorates acronym items also
> although not in any way that you can control or turn off.
>
>> Then change it. S'far as I know, IE and all the rest treat
>> an <a> hover the same...
>
> As I have described, Firefox treats it differently for
> <a name=
>
>>> <a name="some_name"></a>Description
>> ..and nothing to click on.
>

Actually it is IE that flubbing up here, an 'A 'element whether it is an
anchor or a link is *still* an 'A' element. So...

A:hover should apply to markup as <a name="anAnchor>Some Anchor</a>

To fix it your use an attribute selector to specify only 'A' elements
that have 'href' attributes, i.e, links!

STYLE:
A { color: yellow; }
A[href]:link { color: blue; }
A[href]:visted { color: violet; }
A[href]:hover { color: green; }
A[href]:active { color: red; }
/* yes I know i didn't spec a background */

HTML:

<a name="anAnchor">An Achor</a>
<a href="#">A Link</a>

Now only the link hovers, problem is IE again is the problem with poor
CSS support. So you can work around by:

1) stop using <a name="something"></a> and reference an id on an element
<h2 id="someAnchor>... or <p id="anotherAnchor">...
2) have hovered links defined with a class
3) enclose hovered link some other element whereas your can define the
hovers

..gotLinks A:hover{}


<div class="gotLinks">Blah, blah blah <a href="#">Will Hover</a>...


You just have more studying to do....

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

[Back to original message]