John 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:
where "preview" is the name of the small images with links class. Am I close
to right on this? Right track? Right world?
I don't understand.
.preview a:link, a:hover, a:focus, a:active
{
text-decoration: none
}
would have the effect of killing the effect of
>> a:link, a:hover, a:focus, a:active
>> {
>> text-decoration: <whatever>
>> }
but your code does not have that. It has instead
a {
color: #111311;
border-bottom: 1px dotted #000;
margin: 0 0 0 0;
padding-bottom: 1px;
text-decoration: none
}
and you are taking no steps to kill the effect of the first
four lines that /do/ do something. So what is your thinking ?
What effect do you think that "text-decoration: none" might
have on "border-bottom: 1px dotted 000", for example ?
Philip Taylor
______________________________________________________________________
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/
