The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS List item link problems

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #27897

    IE (of course) is giving me so me issues. They seem pretty simple but I can’t quite get around them:

    I have list items for my main menu:

    my css sets the li to inline-block and gives defines the id’s with a size and background image accordingly. I had to use zoom: 1; and *display: inline; for IE to work and everything shows up fine in IE for that now.

    When I use text-indent: -9999px; to remove the text and leave the image, Chrome and Firefox works fine with this. However, in IE the whole li shifts the number of pixels listed.

    Finally, In Chrome the entire image is the link, in IE and Firefox only the text is the link so with no text the menu has no function.

    Any ideas?


    I redid the html:
    <li><a href="#" class="home">Home</a></li>

    #menuContainer a.home
    background: transparent url(images/mainMenu.png) no-repeat 0 0;
    display: block;
    height: 37px;
    width: 73px;

    text-indent: -9999px;

    the display and actions are correct in Chrome and firefox. IE still will not allow the image to be a link

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.