1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How to remove anchor text underline?

Discussion in 'CSS' started by ViciousSummer, Nov 9, 2004.

  1. #1
    Can anyone tell me how to remove the line that appears under hot linked words (or anchor text)? I edit my website in Dreamweaver and sometimes the line shows up and sometimes it doesn't, so I would like to know how to change the code. Does anyone here know the code for that? More importantly, does anyone know what the heck I'm even talking about... ;) ...
    SEMrush
     
    ViciousSummer, Nov 9, 2004 IP
    SEMrush
  2. ResaleBroker

    ResaleBroker Active Member

    Messages:
    1,665
    Likes Received:
    50
    Best Answers:
    0
    Trophy Points:
    90
    #2
    Are you using CSS?
     
    ResaleBroker, Nov 9, 2004 IP
  3. chachi

    chachi The other Jason

    Messages:
    1,600
    Likes Received:
    57
    Best Answers:
    0
    Trophy Points:
    0
    #3
    assuming you are using css or style sheets check this out. You will want to set the text-decoration attribute for your anchor elements. http://www.w3schools.com/css/pr_text_text-decoration.asp

    Something like this:

    a:link {color: #00ff00;}
    a:active {color: #0000ff;}
    a:visited {color: #ffffff;}
    a:hover {color: #000000; text-decoration: none; }

    would remove the line when the mouse pointer hovers over the text.
     
    chachi, Nov 9, 2004 IP
  4. ViciousSummer

    ViciousSummer Ayn Rand for President! Staff

    Messages:
    3,210
    Likes Received:
    526
    Best Answers:
    0
    Trophy Points:
    308
    #4
    ViciousSummer, Nov 9, 2004 IP
  5. digitalje5u5

    digitalje5u5 Peon

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Useful information. Thanks.
     
    digitalje5u5, Nov 10, 2004 IP
  6. jayL

    jayL Peon

    Messages:
    525
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I was curious if this has worked with the others. Anyone ever tried removing the underline from adsense text links?

    Would appreciate for a code in WP
     
    jayL, Dec 6, 2006 IP
  7. Nima

    Nima Well-Known Member

    Messages:
    3,489
    Likes Received:
    243
    Best Answers:
    0
    Trophy Points:
    175
    #7
    .Link {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: bold;
    }

    a.Link:link { text-decoration:none; color:#3C5AA2;}
    a.Link:visited{ text-decoration:none; color:#3C5AA2;}
    a.Link:hover{ text-decoration:none; color:#FFA74F;}
     
    Nima, Dec 6, 2006 IP
  8. jayL

    jayL Peon

    Messages:
    525
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Nima : not sure if I got the css code incorrectly but have you tried this and worked? Got a link?
     
    jayL, Dec 6, 2006 IP
  9. kk5st

    kk5st Prominent Member

    Messages:
    3,486
    Likes Received:
    367
    Best Answers:
    28
    Trophy Points:
    335
    #9
    If you want this to act as expected, the order of the selectors is important. Put the selectors in this order:
    
    a:link {}
    a:visited {} /*:link and :visited are mutually exclusive, so precedence doesn't 
                   matter, but for consistency, act as if it does*/
    a:focus {}   /*not supported by IE, so is seldom used*/
    a:hover {}
    a:active {}
    Code (markup):
    A study of selector precedence rules will make the reasons obvious.

    cheers,

    gary
     
    kk5st, Dec 7, 2006 IP
  10. Nima

    Nima Well-Known Member

    Messages:
    3,489
    Likes Received:
    243
    Best Answers:
    0
    Trophy Points:
    175
    #10
    I dont think the order is important.

    I'm using that exact CSS on blacksburgpoker.com

    My css file is in the root directory and called style.css


    All the links (in the content area) use the above Link format.

    Cheers,
     
    Nima, Dec 7, 2006 IP
  11. kk5st

    kk5st Prominent Member

    Messages:
    3,486
    Likes Received:
    367
    Best Answers:
    28
    Trophy Points:
    335
    #11
    Then, you're wrong.

    gary
     
    kk5st, Dec 8, 2006 IP
  12. Nima

    Nima Well-Known Member

    Messages:
    3,489
    Likes Received:
    243
    Best Answers:
    0
    Trophy Points:
    175
    #12
    I didn't know that it matters (i guess i was luckily using the right format)

    What are link focus and active?
     
    Nima, Dec 8, 2006 IP
  13. kk5st

    kk5st Prominent Member

    Messages:
    3,486
    Likes Received:
    367
    Best Answers:
    28
    Trophy Points:
    335
    #13
    kk5st, Dec 8, 2006 IP
  14. MTbiker

    MTbiker Well-Known Member

    Messages:
    2,537
    Likes Received:
    123
    Best Answers:
    0
    Trophy Points:
    170
    #14
    Well, Adsense ads have their own style sheet if you are interested in looking at their styles. But it's against terms to make any changes to the ad display.
     
    MTbiker, Dec 9, 2006 IP
  15. parusa619

    parusa619 Banned

    Messages:
    556
    Likes Received:
    8
    Best Answers:
    0
    Trophy Points:
    0
    #15
    a {
    text-decoration:none;
    }

    sorry for a very delayed advice
     
    parusa619, Dec 9, 2006 IP