Hi Jeff,
it's not working because the selector "#right a" has a higher specificity than
".download-file".
I'm assuming that those images are also inside the #right element, then you
should use:
#right a.download-file {
border-bottom: none;
}
Hope that helps
On Jan 14, 2011, at 9:35 AM, Gates, Jeff wrote:
> I have applied a style to my links with this css:
>
> #right a:link {text-decoration: none;
> border-bottom: dotted 1px #666;}
> #right a:visited {text-decoration: none;
> border-bottom: dotted 1px #666;}
> #right a:hover {text-decoration: none;
> border-bottom: dotted 1px #666;}
> #right a:active {text-decoration: none;
> border-bottom: dotted 1px #666;}
>
> This puts a nice dotted line under each link. This looks nice for text but I
> don't want it showing under my image links. I've tried all sorts of ways of
> styling image links without the border-bottom but the dotted line always
> shows up.
>
> The class of one subset of image links is "download-file". I've tried styling
> that like this:
> .download-file {text-decoration: none; border-bottom: none; } and various
> variants like:
> .download-file a {text-decoration: none; border-bottom: none;} plus others.
> But none seem to override the #right a styles.
>
> Here's the code that surrounds such an image (this code is being generated by
> the cms from a database):
> <div class="item-file image-jpeg"><a class="download-file"
> href="/omeka/files/download/52/fullsize />
> </a></div>
>
> I'd love to have a style for all linked images that eliminate the
> border-bottom dotted line. Any
>
> Jeff
>
>
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> 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/
Germán Martínez, UX Designer
http://martinez.pe
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/
