WordPress.com Forums » Topic: Removing image boder-bottom link (while retaining border bottom for text links) http://en.forums.wordpress.com/topic/removing-image-boder-bottom-link-while-retaining-border-bottom-for-text-links WordPress.com Forums » Topic: Removing image boder-bottom link (while retaining border bottom for text links) en Fri, 24 May 2013 18:36:57 +0000 http://bbpress.org/?v=1.1-alpha-2539 thehype on "Removing image boder-bottom link (while retaining border bottom for text links)" http://en.forums.wordpress.com/topic/removing-image-boder-bottom-link-while-retaining-border-bottom-for-text-links#post-108425 Thu, 23 Aug 2007 20:35:38 +0000 thehype 108425@http://en.forums.wordpress.com/ Cornell, you're good in my books for replying! :)

]]> thehype on "Removing image boder-bottom link (while retaining border bottom for text links)" http://en.forums.wordpress.com/topic/removing-image-boder-bottom-link-while-retaining-border-bottom-for-text-links#post-108424 Thu, 23 Aug 2007 20:34:34 +0000 thehype 108424@http://en.forums.wordpress.com/ Holy cow, that's cool! And works, big thanks devblog!

]]> devblog on "Removing image boder-bottom link (while retaining border bottom for text links)" http://en.forums.wordpress.com/topic/removing-image-boder-bottom-link-while-retaining-border-bottom-for-text-links#post-108422 Thu, 23 Aug 2007 20:31:38 +0000 devblog 108422@http://en.forums.wordpress.com/ no, no, no... dude...

]]> cornell on "Removing image boder-bottom link (while retaining border bottom for text links)" http://en.forums.wordpress.com/topic/removing-image-boder-bottom-link-while-retaining-border-bottom-for-text-links#post-108419 Thu, 23 Aug 2007 20:29:48 +0000 cornell 108419@http://en.forums.wordpress.com/ Devblog - you rock, I suck!

]]> devblog on "Removing image boder-bottom link (while retaining border bottom for text links)" http://en.forums.wordpress.com/topic/removing-image-boder-bottom-link-while-retaining-border-bottom-for-text-links#post-108417 Thu, 23 Aug 2007 20:27:13 +0000 devblog 108417@http://en.forums.wordpress.com/ a img{}

Won't work because you're applying the rule to the img element, not the a tag. The a tag is what has the border defined in its selector.

What I'd suggest you to do is to create a class selector where you specify that the link you're gonna use is an image for which you don't want a dotted bottom-border.

So, create the new class selector and define it like this:

a.imglnk{
     border: none;
}

And your HTML should look something like this:

<a href="#" class="imglnk"><img src="your image" ... /></a>

HTH

]]> cornell on "Removing image boder-bottom link (while retaining border bottom for text links)" http://en.forums.wordpress.com/topic/removing-image-boder-bottom-link-while-retaining-border-bottom-for-text-links#post-108415 Thu, 23 Aug 2007 20:22:02 +0000 cornell 108415@http://en.forums.wordpress.com/ you tried it on the a img tag in the CSS? Hmm that's bloody weird, it works for me when I use it! Ho hum!

]]> thehype on "Removing image boder-bottom link (while retaining border bottom for text links)" http://en.forums.wordpress.com/topic/removing-image-boder-bottom-link-while-retaining-border-bottom-for-text-links#post-108413 Thu, 23 Aug 2007 20:18:09 +0000 thehype 108413@http://en.forums.wordpress.com/ Oh I should've said what I tried.. and the "text-decoration:none;" was one of them -- didn't work though.

Cool, I'll wait a bit for the others replies then. Thanks

]]> cornell on "Removing image boder-bottom link (while retaining border bottom for text links)" http://en.forums.wordpress.com/topic/removing-image-boder-bottom-link-while-retaining-border-bottom-for-text-links#post-108411 Thu, 23 Aug 2007 20:10:31 +0000 cornell 108411@http://en.forums.wordpress.com/ you need to use (I think) the tag

a img

and set "text-decoration: none"

I'm sure that root or devblog or SBK will be along in a minute to tell you the right way, but I think this is right!

Collin

]]> thehype on "Removing image boder-bottom link (while retaining border bottom for text links)" http://en.forums.wordpress.com/topic/removing-image-boder-bottom-link-while-retaining-border-bottom-for-text-links#post-108390 Thu, 23 Aug 2007 19:05:45 +0000 thehype 108390@http://en.forums.wordpress.com/ Woah, long title, sorry! But is there a way to remove the the border bottom on an image that is linked? See first post here: http://hypun.wordpress.com/

At the same time though, I still like my text links to have the border bottom (that's what I did with CSS). I wonder if I can isolate the image link problem and still keep the text links properties as is. Thanks

]]>