how to remove underline of links?

Discussion in 'HTML & Website Design' started by 11alex11, Dec 25, 2009.

  1. #1
    How can I remove underline on mouseover of image-links?
     
    11alex11, Dec 25, 2009 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    a:hover {text-decoration: none;}

    cheers,

    gary
     
    kk5st, Dec 25, 2009 IP
  3. pkgelectricals

    pkgelectricals Peon

    Messages:
    58
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    a:hover{text-decoration:none;}
     
    pkgelectricals, Dec 26, 2009 IP
  4. 11alex11

    11alex11 Peon

    Messages:
    113
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    thanks, I solved the problem. It was border link
     
    11alex11, Dec 31, 2009 IP
  5. 11alex11

    11alex11 Peon

    Messages:
    113
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    this is how I fixed it:
    a:hover{border-bottom: 0px}
     
    11alex11, Jan 1, 2010 IP
  6. dares22

    dares22 Peon

    Messages:
    54
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Also don't forget to add to your reset.css as well:

    a img {border:0}
     
    dares22, Jan 2, 2010 IP
  7. 6arf

    6arf Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    more exactly a img {border:0px;} or set special class for images with links
     
    6arf, Jan 3, 2010 IP
  8. mrpaisa

    mrpaisa Guest

    Messages:
    741
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    To remove the underline from link you need to use a style sheet. it would be very good idea.
    If you remove the underline link you must provide some means for the user to identify the link. changing the colors is good to start but most of peoples are color blind.
    <style type="text/css">
     
    mrpaisa, Jan 11, 2010 IP
  9. 11alex11

    11alex11 Peon

    Messages:
    113
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Do you have some ideas?
     
    11alex11, Jan 15, 2010 IP
  10. troybakess

    troybakess Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Really Good Idea..
     
    troybakess, Jan 15, 2010 IP
  11. PheonixDesigns

    PheonixDesigns Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #11
    ahm, use w3schools.com/CSS next time for questions like that ;D unless your really stuck, learn the language if u need it.
     
    PheonixDesigns, Jan 15, 2010 IP
  12. m7md_cis

    m7md_cis Peon

    Messages:
    91
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Hi,

    Try:

    border:none;
    or
    outline:none;
    or
    text-decoration:none;
     
    m7md_cis, Jan 16, 2010 IP
  13. troybakess

    troybakess Peon

    Messages:
    62
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Good tips..
     
    troybakess, Jan 16, 2010 IP
  14. jonathandey

    jonathandey Active Member

    Messages:
    112
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    53
    #14
    <img src="IMAGE LINK HERE" alt="ALT TAG HERE" border="0" />

    :D
     
    jonathandey, Jan 16, 2010 IP