Need help? Check out our Support site, then


text-decoration property that gets applied inconsistently

  1. 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 areyoutargeted.com.

  2. 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.

  3. it seems you fixed your problem?

  4. 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?

  5. Also, I just checked this, I'm having this problem in Firefox 3.5.

  6. 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.

  7. 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.

  8. Image 1: perfect.

    http://areyoutargeted.wordpress.com/files/2009/11/menu-homepage.png

    Image 2: that pesky underline text decoration.

    http://areyoutargeted.wordpress.com/files/2009/11/menu-advice-page.png

    This is under Safari 4.0.

  9. add the "!important" rule to your "text-decoration" property of the ".selected" selector, so it looks like this:

    text-decoration:none !important;
  10. Fixed! Thank you.

Topic Closed

This topic has been closed to new replies.

About this Topic