Text decoration too thick on Firefox

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • wildflower
    New Member
    • Nov 2012
    • 10

    Text decoration too thick on Firefox

    is there a way to set it at 1 px on an H2 with hyperlink?

    Thanks in advance.
  • Rabbit
    Recognized Expert MVP
    • Jan 2007
    • 12517

    #2
    Set what at 1px? The underline? I don't know if you can change the underline width but you can remove it and then use a border to mimic it.

    Comment

    • Frinavale
      Recognized Expert Expert
      • Oct 2006
      • 9749

      #3
      Sometimes I surround my hyperlinks in a span or div and set the bottom-border of that control instead of using the hyperlink's text decoration. This allows me to set the width of the border and set the color of the "underline" to something different than the hyperlink text.

      -Frinny

      Comment

      • wildflower
        New Member
        • Nov 2012
        • 10

        #4
        Thanks for your response. I have the H2 w/hyperlink set up in CSS with a hover underline meaning I don't want it underlined all the time. Works fine in Safari but Firefox displays a really thick line. I've done extensive research on this and noticed one of the major websites has the same display problem so maybe there is nothing that can be done about this issue. Here is the link if you want to see what I'm talking about. Thanks again! http://planetbluesnews.webs.com/

        Comment

        • Rabbit
          Recognized Expert MVP
          • Jan 2007
          • 12517

          #5
          I don't think you can't affect the actual underline width. But you can mimic the effect with the border. Is that not a workaround you want to use?

          Comment

          • wildflower
            New Member
            • Nov 2012
            • 10

            #6
            I don't know how to set the line up as a border while getting it to react as a hover. Does it behave the same way? Thanks again for your assistance.

            Comment

            • Rabbit
              Recognized Expert MVP
              • Jan 2007
              • 12517

              #7
              You set the border on the hover and remove it on the other pseudo classes.

              Comment

              Working...