Depends on what your markup looks like.
But for starters:
.preview a:link, a:hover, a:focus, a:active {
/*text-decoration: none; delete*/
border-bottom:none;
}
On Tue, Nov 1, 2011 at 3:09 PM, John <j...@coffeeonmars.com> wrote:
>
> I have this for my basic links:
>
> a {
> color: #111311;
> border-bottom: 1px dotted #000;
> margin: 0 0 0 0;
> padding-bottom: 1px;
> text-decoration: none;
> }
> a:hover, a:focus, a:active {
> color: #8c0000;
> }
>
>
> and I want to keep it, but I also need to have things like images which
> have links to NOT have the dotted line underneath them. I have tried this
> to achieve that:
>
> .preview a:link, a:hover, a:focus, a:active {
> text-decoration: none;
> }
>
> where "preview" is the name of the small images with links class. Am I
> close to right on this? Right track? Right world?
>
> thanks!
>
> John
> ______________________________________________________________________
> 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/
>
______________________________________________________________________
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/
