How to remove the line under a link?

Discussion in 'HTML & Website Design' started by Gifstop, Jan 1, 2009.

  1. #1
    What code do you use to get rid of the underline under the words in a link?
     
    Gifstop, Jan 1, 2009 IP
  2. SGBoise

    SGBoise Peon

    Messages:
    647
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #2
    SGBoise, Jan 1, 2009 IP
  3. hockeyhero

    hockeyhero Well-Known Member

    Messages:
    853
    Likes Received:
    25
    Best Answers:
    0
    Trophy Points:
    120
    #3
    just add this code to the "a" class of your css..

    text-decoration: none;
    Code (markup):
     
    hockeyhero, Jan 1, 2009 IP
  4. Jaguarjace

    Jaguarjace Guest

    Messages:
    52
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    copy and paste this into the head area of the page:

    
    <style>
    .a {text-decoration:none}
    </style>
    
    Code (markup):
    *just another way like hockeyhero's idea ;)
     
    Jaguarjace, Jan 4, 2009 IP
  5. ExtremeData

    ExtremeData Well-Known Member

    Messages:
    450
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    125
    #5
    You need to specify what type of <style> is :
    <style type="text/css">
    A:link {text-decoration: none}
    A:visited {text-decoration: none}
    A:active {text-decoration: none}
    A:hover {text-decoration: underline; color: red;}
    </style>
    Code (markup):
     
    ExtremeData, Jan 4, 2009 IP