Posted by Steve Gouldstone on 02/07/06 17:34

On Mon, 6 Feb 2006 18:04:34 +0100, Els <els.aNOSPAM@tiscali.nl> wrote:

>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:
>
>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;
>}

Thanks very much for this hint. Unfortunately, I still can't get it to
work correctly. I have this:

<style>
<!--
a{text-decoration:none;font-weight:bold;color:navy}
a:hover{color:red;
text-decoration:underline;background-color:#FFFFAF;font-weight:bold }
a:hover img{text-decoration:none; background-color:transparent;
color:transparent }
-->
</style>

and the setting the img hotspots to transparent does not work. If I
set them to 'red' for example it works, but as it is I still only get
a horrible coloured rectangle where the image is, when all I want is
'nothing to happen'!

Maybe I'm doing something stupid, but do you have any more ideas?

Thanks
Steve

[Back to original message]