On Mar 27, 2006, at 12:45 PM, pablo / silvasonic wrote: > my name is pablo silva and this is my first post to the list.
Welcome here > .... > the actual site will be sitting at: http://silvasonic.com/blog but > for now i'm playing with the main CSS here: http://silvasonic.com/ > temp/sandbox/css_test_00.html (the actual CSS is right on the file > for the time being). so here's my question: > > how do i get rid of the underlining below the little calendar / clock > icon on hover? i've tried of sorts of rules, but the basic idea is > that an image, within the class .post_meta and placed between anchor > tags, should not have a bottom border (or even 'text-decoration'). > i'd really appreciate any tips / pointers on how to control this. That is a question that often comes up on this list. That underline (or border in your case) comes from these rules .post_meta a:hover, .post_title a:active { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; text-decoration: none; color: #333; } To prevent the border to show up under the image, you'll have to add a class to the link that wraps around the image <a href="" class="myclass"><img src="icon.gif"...></a> and style that class .post_meta a.myclass:hover {border:none} The border is part of the link declaration, the link wraps around the image tag. Philippe --- Philippe Wittenbergh <http://emps.l-c-n.com> ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
