Strange bug?

Discussion in 'Web Design and Development' started by carlosbutler, May 4, 2010.

  1. carlosbutler macrumors 6502a

    carlosbutler

    Joined:
    Feb 24, 2008
    Location:
    London City
    #1
    This, http://carlosbutler.com/index.php, is currently my test site. All the back end PHP and database stuff is fine. One thing though, is the links at the top look strange in WebKit and FF (havent tried IE yet) as seen below:
    [​IMG]
    [​IMG]

    I have applied border=0 to the img tag, and the tags are nested as <div><a><img>, and therefore can't understand why it is doing this. Any advice, please?
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
  3. carlosbutler thread starter macrumors 6502a

    carlosbutler

    Joined:
    Feb 24, 2008
    Location:
    London City
    #3
    Thanks, I had tried that and it's fixed it in FF, although the problem still happens in in Safari and Chrome. Thing is that it isnt even a border, it's just on the bottom.
     
  4. 7on macrumors 601

    7on

    Joined:
    Nov 9, 2003
    Location:
    Dress Rosa
    #4
    Do text-decoration:none; on the A tag. The span is being treated as text.
     
  5. carlosbutler thread starter macrumors 6502a

    carlosbutler

    Joined:
    Feb 24, 2008
    Location:
    London City
  6. 7on macrumors 601

    7on

    Joined:
    Nov 9, 2003
    Location:
    Dress Rosa
    #6
    It does. You're putting text-decoration:none on the img, not the a tag.

    copy this
    Code:
    a{text-decoration:none}
    
    and paste it at the bottom of your css doc. I just web inspected it and adding that fixes it.

    That's why I said put it on the A tag, and not on A IMG
     
  7. carlosbutler thread starter macrumors 6502a

    carlosbutler

    Joined:
    Feb 24, 2008
    Location:
    London City
    #7
    I do apologise, I had miss read it:rolleyes:, thanks! Any specific reason why is should be added to the bottom of the page?
     

Share This Page