On Sun, 17 Jun 2007 15:32:16 -0700, Jason Chan wrote:
[...]
>
> however, i ran into another problem regarding the hover state. basically i
> want the
> border of the image to change colors when hovered over and so far this is
> what i got.
> It works in FF but not in IE6.
>
> XHTML:
> <div id="design">
> <h1 id="design_header">Design</h1>
> <a href="#"><img src="images/p_imageholder.gif" alt="#" title="#" /></a>
>
> <ul>
> <li style="margin-right: 60px;"><a href="#">View Portfolio</a></li> <li><a
> href="#">Hire Me</a></li> </ul> </div>
>
> CSS:
> #design img {
> display: block;
> width: 264px;
> height: 67px;
> margin: 0 0 10px 0;
> padding: 0;
> border: 2px solid #ffffff;
>
> }
>
> #design img:hover {
> border: 2px solid #777;
> }
>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Try:
#design a:hover img {
border: 2px solid #777;
}
Cordially,
David
--
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
