Another personal response intended for the list. Forwarding.


-------- Original Message --------
Subject:        Re: [css-d] Padded image picks up a:hover background color
Date:   Sat, 09 Apr 2011 08:38:12 -0500
From:   RePost <repost...@yahoo.com>
To:     "G.Sørtun" <gunla...@c2i.net>



Thanks, Georg!

I finally had to go with this:

#socialbar a {
    background: transparent!important;
    }

#socialbar img {
    margin: 10px 0 0 30px;
    }

Otherwise, images insisted on bunching up.



On 4/9/11 2:27 AM, "G.Sørtun" wrote:
 On 09.04.2011 06:51, RePost wrote:

 I thought I could override the default a:hover background color, but
 it's not happening. Test site is here: http://bit.ly/hLlMwb

 The simple solution...

 #socialbar a {background: transparent!important;}

 ..but while you're at it you may as well put the margin on the link
 instead of on the image...

 #socialbar a {background: transparent!important; float: left; margin:
 10px 0 0 30px;}
 #socialbar a img {margin: 0;}

 ..thus limit the :hover area to the image itself.

 regards

         Georg



 ______________________________________________________________________
 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/

Reply via email to