Previous Message
Next Message

image mouseover effect with CSS not working

Sent by Ray Dickman on 15 June 2005 18:06


>  the code would be something like <a href="foo.htm"><img src="foo"
>  class="border"></a>
>  
>  and I thought in CSS this would work:
>  
>  img.border a:link{border: 1px solid red}
>  
>  img.border a:hover{border: 3px solid red}

Your css is saying that all a:links that are descendants of images with the class border should have
a 1 pixel red border and all a:hovers that are descendants of images with the class border should
have a 2 pixel red border. 

I think what you mean to say is:

a:link img.border {border: 1px solid red}
 
a:hover img.border {border: 3px solid red}

Since the image is actually a descendant of the anchor...not the other way around.

---
Ray Dickman
D2 Digital Media
______________________________________________________________________
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: