Textpattern CMS

#1 2006-08-22 18:32:26

Lippert

New Member

Registered: 2005-09-28

Posts: 2

Display a banner graphic without a link underline?

I added a banner graphic at our site http://www.papressblog.com, but it displays with an underline which I assume is due to it being a link back to the home page. I added “text-decoration:none” to the style attributes for the image, but to no avail. textism.com has a similar deal, but with no underline (I also stole a href=”/” onfocus=“if(this.blur)this.blur()” from there, but with same results). Thanks, and sorry if this is an HTML 101 question.——Kevin Lippert, NY, NY

Last edited by Lippert (2006-08-22 18:33:36)

#2 2006-08-22 19:55:11

Mary

Sock Enthusiast

Registered: 2004-06-27

Posts: 6,236

Re: Display a banner graphic without a link underline?

If you don’t want any images to have borders when they are links:

a img {
border: none;
}

#3 2006-08-28 14:29:56

mstwntd

Member

From: Melbourne, Australia

Registered: 2004-12-25

Posts: 52

Re: Display a banner graphic without a link underline?

Hi there,

Because you’re using border on all anchors in the middle column, there is no way to turn it off on anchors which happen to contain an image.

Two options:

1. Get rid of the border and use text-decoration instead. Looking at your link styles right now, I can’t see the need for border anyway.
2. If you must use border (and in certain situations, like the need for different underline colours on hover/focus, border is the only way), you can try this little trick:

#content a img {
position: relative;
bottom: -1px;
vertical-align: text-bottom;
}

I’ve put an example of this in use here

Egor