13 {{ upvoteCount | shortNum }}
13 {{ upvoteCount | shortNum }}

Links underlined in one browser and not in another

by ThomasTe
11 replies
Hi,

On one of the websites I manage, www.timesheetreporter.com, the links are not underlined in Internet Explorer. This is the way the site is supposed to look like.
However, when I open the site in Safari (Mac) some (not all) of the links are underlined.

Can anybody explain why, and perhaps what I should change, so that they are not underlined in all browsers?

Thanks and have a nice weekend.

Best regards,
Thomas
#browser #links #underlined
  • Profile picture of the author Brandon Tanner
    I see that you already have 'text-decoration:none' set for element.style.

    But try also adding this to your CSS file...

    HTML Code:
    a:link, a:visited {text-decoration: none;}
    Signature

    {{ DiscussionBoard.errors[6392308].message }}
    • Profile picture of the author dconjar
      HTML Code:
      a:link, a:visited {text-decoration: none;}
      Yep, that will do it. At least on the homepage. I haven't tested it anywhere else.

      If it still doesn't work in some areas, try this:

      HTML Code:
      a:link, a:visited { text-decoration: none !important; }
      You may also want to add a hover effect to improve the usability:

      HTML Code:
      a:hover { text-decoration: underline; }
      And you may want to consider removing the titles from links, especially in the menu.
      {{ DiscussionBoard.errors[6392439].message }}
  • Profile picture of the author wayfarer
    Crap, you better call Apple and ask them what the heck is going on.
    Signature
    I build web things, server things. I help build the startup Veenome. | Remote Programming Jobs
    {{ DiscussionBoard.errors[6392543].message }}
    • Profile picture of the author dconjar
      Originally Posted by wayfarer View Post

      Crap, you better call Apple and ask them what the heck is going on.
      Sometimes, when I'm bored, I call Microsoft and Apple and make fun of them for making such terrible web browsers.
      {{ DiscussionBoard.errors[6392615].message }}
      • Profile picture of the author wayfarer
        Originally Posted by dconjar View Post

        Sometimes, when I'm bored, I call Microsoft and Apple and make fun of them for making such terrible web browsers.
        Haha, it would be even funnier if you ask for tech support... then rattle off a bunch of technical questions about your CSS.
        Signature
        I build web things, server things. I help build the startup Veenome. | Remote Programming Jobs
        {{ DiscussionBoard.errors[6392785].message }}
        • Profile picture of the author dconjar
          Originally Posted by wayfarer View Post

          Haha, it would be even funnier if you ask for tech support... then rattle off a bunch of technical questions about your CSS.
          "Hello, I'm having issues with my universal selector. It doesn't seem to be universally selecting."
          {{ DiscussionBoard.errors[6393661].message }}
          • Profile picture of the author Brandon Tanner
            Originally Posted by dconjar View Post

            "Hello, I'm having issues with my universal selector. It doesn't seem to be universally selecting."
            You might try changing the selector to "parallel universe" mode. That usually seems to do the trick!
            Signature

            {{ DiscussionBoard.errors[6394212].message }}
    • Profile picture of the author touheed
      Originally Posted by wayfarer View Post

      Crap, you better call Apple and ask them what the heck is going on.
      hahaha.... right, I agree with you.


      Originally Posted by dconjar View Post

      HTML Code:
      a:link, a:visited {text-decoration: none;}
      Yep, that will do it. At least on the homepage. I haven't tested it anywhere else.

      If it still doesn't work in some areas, try this:

      HTML Code:
      a:link, a:visited { text-decoration: none !important; }
      You may also want to add a hover effect to improve the usability:

      HTML Code:
      a:hover { text-decoration: underline; }
      And you may want to consider removing the titles from links, especially in the menu.
      solution from dconjar should fix your problem.
      Signature
      WPAmazonProfits - The Amazing Amazon WordPress Plugin
      WPPasswordResetTool - Simple Tool To Recover Hacked WordPress Sites
      WPeContactForm - Featuring Digital Signature
      {{ DiscussionBoard.errors[6392811].message }}
  • Profile picture of the author ThomasTe
    Thanks, guys. I'll look into that (including calling Apple and MS).

    Best regards,
    Thomas
    {{ DiscussionBoard.errors[6406282].message }}
  • Profile picture of the author eluminousdev
    Friend,
    If its not working in IE then "!important;"parameter in css is missing.
    Apply "
    !important;" and it will fix your problem
    {{ DiscussionBoard.errors[6433385].message }}
  • Profile picture of the author ThomasTe
    Thanks.
    {{ DiscussionBoard.errors[6456865].message }}

Trending Topics