Posted by Els on 02/06/06 19:04

Steve Gouldstone wrote:

> I want to get links highlighted in a differernt colour when the mouse
> moves over them (yellow), so I have the following CSS in my HTML file
> header:
>
> <style>
> <!--
> a{text-decoration:none;font-weight:bold;color=navy}
> a:hover{color:red;
> text-decoration:underline;background-color:#FFFFAF;font-weight:bold }
> -->
> </style>
>
> This works fine ... except that image hotspots are also coloured
> yellow when the mouse moves over them. This looks terrible!
>
> Is there some way to define the hover style so it affects text links
> only?

Yes, have counter styles for the image links later in the stylesheet.
For instance:

a:hover img{
color:white;
text-decoration:none;
background-color:white;
}


--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

[Back to original message]