text-decoration property that gets applied inconsistently

areyoutargeted · Member · Nov 9, 2009 at 8:40 am
Copy link

Add topic to favorites
Okay, this is baffling. Can anyone explain why this is happening? Here’s my custom CSS for the “selected” class of the a tag, used in my menu navigation system:

a.selected {
display:block;
background-color:#000;
color:#fff;
text-decoration:none;
}

What I noticed is every property above gets applied consistently except for text-decoration. text-decoration gets applied only on the home page, where the selected anchor is inside a DIV id=”sidebar” (it is part of a text widget). On every other page, it doesn’t get applied.

I also noticed that I can force the text-decoration manually by giving the anchor the style=”text-decoration:none;” property, but that’s a pain, and I shouldn’t have to do this with global style sheets in effect.

Any ideas for why this is happening? I’m using the Journalist 1.9 theme.

The blog I need help with is: (visible only to logged in users)
areyoutargeted · Member · Nov 9, 2009 at 7:35 pm
Copy link
By the way, I just tried adding a new CSS specification:

a.undecorated {
text-decoration:none;
}

and trying to classify anchors in my menu as “undecorated”. This doesn’t work either, except on the home page. So this problem is not tied to the name of the class.
devblog · Member · Nov 9, 2009 at 9:08 pm
Copy link
it seems you fixed your problem?
areyoutargeted · Member · Nov 9, 2009 at 11:06 pm
Copy link
It’s not working in Safari 4.0, my preferred browser. I’m actually having a couple of problems with Safari.

Does it work in your browser, and if so, which browser is it?
areyoutargeted · Member · Nov 9, 2009 at 11:13 pm
Copy link
Also, I just checked this, I’m having this problem in Firefox 3.5.
devblog · Member · Nov 10, 2009 at 12:15 am
Copy link
Well, I don’t see the problem… that’s why I asked. Currently I’m using Flock on Windows. When I get home (I use a Mac at home) I’ll check it out in Safari and Firefox/Flock.
devblog · Member · Nov 10, 2009 at 2:19 am
Copy link
would you post a screenshot of what you’re seeing? I am probably missing something but I don’t see the link behavior you’re talking about.
areyoutargeted · Member · Nov 10, 2009 at 2:49 am
Copy link
Image 1: perfect.

Image 2: that pesky underline text decoration.

This is under Safari 4.0.
devblog · Member · Nov 10, 2009 at 3:09 am
Copy link
add the “!important” rule to your “text-decoration” property of the “.selected” selector, so it looks like this:
```
text-decoration:none !important;
```
areyoutargeted · Member · Nov 10, 2009 at 3:15 am
Copy link
Fixed! Thank you.

No items found.