Image No Underline

Discussion in 'HTML & Website Design' started by Pudge1, Oct 27, 2010.

  1. #1
    http://007vg.com/n64/goldeneye/

    See how the icons have underlines under them? How do you remove them. I have border: 0 none on for all <img tags but it still has it on. I also tried but didn't expect to work text-decoration: none; on the img in a style thing but it didn't work either. I'm pretty stumped on this does anyone have any ideas?
     
    Pudge1, Oct 27, 2010 IP
  2. ethikz

    ethikz Peon

    Messages:
    92
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    did you try adding a new id like possibly

    
    .navlinks a:link a:hover a:visited a:active {
      text-decoration: none;
    }
    
    Code (markup):
     
    ethikz, Oct 27, 2010 IP
  3. S1M

    S1M Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    This looks like your problem:
    #game-nav a {
    color:#2A2A2A;
    font-weight:bolder;
    text-decoration:underline;
    }
     
    S1M, Oct 27, 2010 IP
  4. kumarpyasa

    kumarpyasa Peon

    Messages:
    115
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    we will not give underline tag like this<u>.
     
    kumarpyasa, Oct 28, 2010 IP
  5. Pudge1

    Pudge1 Well-Known Member

    Messages:
    912
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    140
    Digital Goods:
    1
    #5
    Thanks S1M but if I fix that then the text links won't be underlined. I even tried #game-nav a img{ text-decoration: none; } but it didn't work.
     
    Pudge1, Oct 31, 2010 IP
  6. S1M

    S1M Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    You're using the same css for text and images. Put them in different classes to style them differently.
     
    S1M, Oct 31, 2010 IP
  7. Elitegeek

    Elitegeek Peon

    Messages:
    325
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Your suggestion was helpful I have the same problem too and I did what you said and its all fix now. Thank you very much!
     
    Elitegeek, Oct 31, 2010 IP
  8. Pudge1

    Pudge1 Well-Known Member

    Messages:
    912
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    140
    Digital Goods:
    1
    #8
    But they both need to be in the same link, anyway I can do that?
     
    Pudge1, Nov 1, 2010 IP
  9. S1M

    S1M Peon

    Messages:
    27
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    change #game-nav a to text-decoration:none then wrap the text inside each a tag in a span with a style (or add a class to handle it)-
    <span style="text-decoration:underline">my link text</span>
     
    S1M, Nov 1, 2010 IP
  10. Pudge1

    Pudge1 Well-Known Member

    Messages:
    912
    Likes Received:
    6
    Best Answers:
    1
    Trophy Points:
    140
    Digital Goods:
    1
    #10
    Thanks got it fixed now.
     
    Pudge1, Nov 10, 2010 IP