Thanks Jack, this works in both FF & IE:
a:link img, a:visited img {
border:1px solid red;
}
a:hover img, a:active img {
border:1px solid pink;
}
I always look for one rule that works everywhere before putting conditional
rules in ie.css.
On Wed, Apr 16, 2008 at 9:10 AM, Jack Timmons <[EMAIL PROTECTED]> wrote:
> On Wed, Apr 16, 2008 at 11:02 AM, Geoffrey Hoffman <
> [EMAIL PROTECTED]> wrote:
>
> > I noticed that Firefox colorizes the border with the anchor color I
> > specified, and a:hover turns that color also, but in IE7 I get default
> > blue
> > border.
> > I already have a conditional comment in my page to deliver ie.css, but
> > I'm
> > not sure what to put into it because IE doesn't support :hover on
> > images,
> > does it?
> > What's the appropriate way to do this?
> >
> > eg:
> >
> > a:link, a:visited {
> > color:red;
> > }
> > a:hover, a:active {
> > color:pink;
> > }
> >
> > <a href="#"><img src="pic.jpg" border="1"/></a>
> >
> As far as I know, IE 6 and below only support :hover on links. Also,
> looking at what you sent, perhaps you should try something like:
>
> a:link, a:visited {
> border: 1px solid red;
> }
> a:hover, a:active {
> border: 1px solid pink;
> }
>
> And remove the border attribute from the image entirely. I think that
> would do the trick. Increase px/change unit of measurement as needed.
>
> -Jack Timmons
>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
