Previous Message
Next Message

image mouseover effect with CSS not working

Sent by Philippe Wittenbergh on 16 June 2005 14:02


On 16 Jun 2005, at 2:58 pm, Christian Heilmann wrote:

> Yes, I was wrong. However, in both IE and Firefox only the wrong
> syntax (pseudo, then class) works. Anyone knows  why? All other
> tutorials seem to "cheat" by adding a class to the parent element
> (which  might make more sense anyway).
>

Unless I'm missing something
a.external:link img {border: 3px solid red}
a.external:hover img {border-color: lime}

works perfectly fine in Firefox Mac, Safari, IE Mac, Opera Mac, ....

And this works just as well
a:link img.border {border: 3px solid #ccc;}
a:hover img.border {border-color: red;}

<p><a class="external" href="t.hml"><img src="/_img/dummy80.png" alt="" 
/></a></p>
<p><a href="t.hml"><img class="border" src="/_img/dummy80.png" alt="" 
/></a></p>

(and has always been working like that, afaik).

Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com/>

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: