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.