Previous Message
Next Message

removing underlines from images placed between anchor tags

Sent by Philippe Wittenbergh on 27 March 2006 05:05


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-REMOVED]]
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/
Previous Message
Next Message

Message thread: