Trish Meyer wrote:
> Hi all,
>
> Getting back to CSS after a few months away, and having a brain
> freeze doing something new (for me).
>
> I have a page of small thumbnail images with a thin gray border, and
> as the mouse moves over them, I want the hover state to be a larger
> red border so the visitor knows they can click on them. I thought
> this would work:
>
> #thumbnails img {
> border: 1px solid #66605C; /* medium gray */
> margin-top: 8px;
> margin-right: 14px;
> margin-bottom: 8px;
> margin-left: 0px;
> padding: 6px;
> }
> #thumbnails img a:hover {
> border: 2px solid #C02D2D; /* red border */
> }
>
> The HTML is simply:
>
> <a href="Sunflowers.html"><img src="Sunflowers.jpg" alt="Sunflowers"
> width="180" height="134"></a>
>
Trish,
You've got it backwards.
#thumbnails img a:hover implies that the <a> tag is inside the <img>
tag. This should work:
#thumbnails a:hover img
HTH,
Rick.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
