$15
text-decoration: none; fails

I'm being driven mad by links in a blog that I'm designing. I've placed in the CSS text-decoration: none; for anything that could possibly take on an underline, even adding !important in desperation:

a {text-decoration:none !important;}

The H1's and H2's have underlines also, despite:

h1 a {color: #443833; background-image:none; text-decoration:none !important;}

Nothing works, and the blog titles as well as all links are underlined. Here's the site, in-progress, if that helps:

MotionArt

Steve Davis | 04/06/10 at 12:54pm | Edit

(4) Possible Answers Submitted...

Last edited:
04/08/10
7:59am
Utkarsh Kukreti says:
Remove the
```
border-bottom: 1px solid #3E322D
```
from line 136.

Previous versions of this answer: 04/06/10 at 1:03pm
Last edited:
04/08/10
7:59am
Tony Geer says:
Just try doing border:0 instead and see what happens. It could be a border in the a link instead of an underline.
Last edited:
04/08/10
7:59am
Iron Hide says:
In your style.css on line 136 there is a statement like this
```
a {

border-bottom:1px solid #3E322D;

color:#877065;

text-decoration:none !important;

}
```
remove the first line from here which says "border-bottom:1px solid #3E322D;" and you are good to go :)

and please use "!important" carefully because that may create unexpected bugs later which are very hard to find or shoot :)

hope that helps.

Previous versions of this answer: 04/06/10 at 1:14pm | 04/06/10 at 1:31pm
Last edited:
04/08/10
7:59am
Sidd says:
Oh people have already correctly answered. Basically that underline is actually a border originating from the border-bottom property and is not an underline .
Delete border-bottom:1px solid #3E322D; in the following code

a
{

border-bottom:1px solid #3E322D;

color:#877065;

text-decoration:none !important;

}

Previous versions of this answer: 04/06/10 at 1:23pm | 04/07/10 at 2:41pm