On 12/6/06, Clarence Reber III <[EMAIL PROTECTED]> wrote:
> Removing the img border does fix the issue of having the blue/purple
> link properties, but, it also removes the properly colored grey & red
> link properties for the thumbnails that I think is truly effective. I'd
> really like to keep that for function sake.
Ok, I see. It looks like FF and IE handle anchored images differently.
The spec leaves the implementation up to the browser and It looks like
FF's implementation is applying the anchor's color to the image's
border. IE, however will only apply border-color to the image's border
and only if you specify "a:hover img". So, give this a try:
/* set a 3px grey border around thumb images, this eliminates the blue
border in IE */
#textthumb img {
border: 3px solid #999;
}
/* On an img inside a hovered anchor, set the border-color red, this
works in both browsers */
a:hover img {
border-color: #CC0000;
}
You'll need to provide similar selectors for :visited and :link and
you'll need to widen #thumbpics and #thumbpicsright by 6 pixels to
allow for the border.
dcm
______________________________________________________________________
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/
