Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Nov 2006
    Location
    Bristol, UK
    Posts
    85
    Thanks
    6
    Thanked 6 Times in 6 Posts

    IE8 Image Link Issue

    Hi there,
    I'm having issues with a menu not working in IE8. It works fine in IE7, FF, Safari, etc, but not in IE8.
    It's an unordered list, with text links, which are then styled so that the text is moved off-screen and replaced with an image from a sprite.
    The page in question is http://www.wccc.co.uk/juniors/index.asp
    I'm getting a bit stuck as to why this may be misbehaving like this...
    I'm happy to answer any questions as necessary of course.
    Any help would be greatly appreciated.
    Thanks,
    Glenn
    Never argue with an idiot... they'll bring you down to their level and beat you with experience...

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello dudeshouse,
    If you remove the text-indent: -9999px; it's a link again. IE8 must be shoving the entire anchor over the 9999px... what happens when you style that li like that instead?
    Like this:
    Code:
    <div id="menu"><ul>
      <li id="menu-details"><a href="/juniors/details.asp">Junior Royals Details</a></li>
      <li><a href="/juniors/bb.asp" id="menu-bb">Bulletin Board</a></li>
      <li><a href="/gallery/index.asp" id="menu-gallery">Gallery</a></li>
      <li><a href="/juniors/fun.asp" id="menu-fun">Fun</a></li>
      <li><a href="/juniors/wallpapers.asp" id="menu-wallpapers">Wallpapers</a></li>
      <li><a href="/index.asp" id="menu-wccc-home">WCCC Home</a></li>
      <li><a href="/juniors/index.asp" id="menu-home">Home</a></li>
    </ul>
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Nov 2006
    Location
    Bristol, UK
    Posts
    85
    Thanks
    6
    Thanked 6 Times in 6 Posts
    Thanks for the reply.
    I've just tried what you suggested, and no change.
    Very strange. I still don't get why it's IE8 that's choking...
    Any more ideas? The updated css and menu file are live for you to see.
    Thanks again.
    Glenn
    Never argue with an idiot... they'll bring you down to their level and beat you with experience...

  • #4
    New Coder
    Join Date
    Nov 2006
    Location
    Bristol, UK
    Posts
    85
    Thanks
    6
    Thanked 6 Times in 6 Posts
    Ok, fixed it. It would appear that giving the menu div around the menu a position:relative; fixes this issue.
    Thanks anyway. I can go home now.
    Cheers.
    Never argue with an idiot... they'll bring you down to their level and beat you with experience...


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •