On Sep 10, 2014, at 9:20 PM, Karl DeSaulniers <k...@designdrumm.com> wrote:
>
> On Sep 10, 2014, at 9:17 PM, Karl DeSaulniers <k...@designdrumm.com> wrote:
>
>>
>> On Sep 10, 2014, at 8:22 PM, John <j...@coffeeonmars.com> 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;
>> }
>>
>
> Alternatively you could maybe do something like this.
>
> img:only-child {
> border-bottom:1px dotted rgb(0,0,0) !important;
> }
>
> and make sure your images are wrapped in a div.
>
> Best,
>
> Karl DeSaulniers
> Design Drumm
> http://designdrumm.com
Oops that should be...
img:only-child {
border-bottom:0px dotted rgb(0,0,0) !important;
}
Karl DeSaulniers
Design Drumm
http://designdrumm.com
______________________________________________________________________
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/
