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 image is styled properly with the thin gray border, and the link
is working in the browser. But nothing happens when I hover. Am I
using incorrect CSS?
I also tried defining the a:link before the a:hover, but still nothing.
The HTML is simply:
<a href="Sunflowers.html"><img src="Sunflowers.jpg" alt="Sunflowers"
width="180" height="134"></a>
thanks for any help,
Trish
--
----------
Trish Meyer, Webmaster
VIVA Gallery
The Valley Institute of Visual Arts
http://www.vivagallery.org
Email: [EMAIL PROTECTED]
Mailing List: [EMAIL PROTECTED]
______________________________________________________________________
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/
