On Sep 10, 2014, at 8:22 PM, John <[email protected]> wrote:
> at the beginning of my css, I have this:
>
> a img{
> border:none;
> }
>
> However, I am finding that my linked images have my link attribute which is
> border-bottom:1px dotted black.
>
> Why is the a img rule being ignored/overwritten?
>
> Page is here: http://www.coffeeonmars.com/170_su/client/portfolio/
>
> Thank you for any ideas about this!
>
> John
Hi John,
Try this...
/* ++++++++++++++++ RESETS ++++++++++++++++ */
*{margin:0;padding:0;}
/* ++++++++++++++++ LINKS & NAV ++++++++++++++++ */
a:link{
text-decoration:none;
border-bottom:0px dotted rgb(0,0,0);
color:rgb(0,0,0);
}
a:visited{
text-decoration:none;
border-bottom:0px dotted rgb(0,0,0);
color:rgb(0,0,0);
}
a:hover{
color:rgb(206,4,4);
border-bottom:0px dotted rgb(0,0,0);
}
a:focus{
color:rgb(206,4,4);
border-bottom:0px dotted rgb(0,0,0);
}
a:only-child {
border-bottom:1px dotted rgb(0,0,0) !important;
}
a:link:only-child {
border-bottom:1px dotted rgb(0,0,0) !important;
}
a:visited:only-child {
border-bottom:1px dotted rgb(0,0,0) !important;
}
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
______________________________________________________________________
css-discuss [[email protected]]
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/
