Jason Ogle wrote:
> Please visit www.finelineelectric.com/test/projects.htm
>
> My main links (a:) have a border 1px dotted underneath them. I tried
> creating a "pseudo-class" for the images on the page mentioned without the
> border on the hover class, but it's still being overridden by my main a:
> class. Any help or sharp jab in my chops would actually be appreciated.
>
The only way to get around this is to apply a class to the anchors that
contain images, and style these anchors to not have borders. Such as:
<a href="" class="image-link"><img></a>
a.image-link {
border: none;
}
There's no way with CSS to select an element's parent (ie, find all
images that have <a> elements as their parents, then style those parent
<a> elements). Also, the usual advice to remove the border on the image
itself won't work, as the border here is being applied to the <a>
element around the image, not the image itself.
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
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/
