За последние 24 часа нас посетил 21531 программист и 1690 роботов. Сейчас ищут 1845 программистов ...

Проблема с ссылками в меню-списке в ИЕ6

Тема в разделе "HTML и CSS", создана пользователем Tigrish, 1 июл 2009.

  1. Tigrish

    Tigrish Активный пользователь

    С нами с:
    26 июл 2008
    Сообщения:
    54
    Симпатии:
    0
    Сделала я динамичное меню списком со стилем display: inline. У каждого li идет смена фона при состоянии a:hover. В ФФ, ИЕ7б ИЕ8, Опера все работает отлично. А вот в ИЕ6 почему-то не отображаются ссылки, т.е. меню совсем не работает. Как можно исправить эту ситуацию?
    Самое уникальное, что последний li работает и ссылка корректна, хотя она ничем не отличается от предыдущих. Даже фон меняется как надо.

    HTML:
    1. <ul id="menu">
    2.                 <li><a href="/index.php" class="m_news" ><span style='margin: 25px;'>Новости</span></a> </li>
    3.                 <li> <a href="/programs/index.php" class="m_prog" ><span style='margin: 0 25px;'>Программы</span></a></li>
    4.                 <li> <a href="/schedule/index.php" class="m_rasp"><span style='margin: 0 20px;'>Расписание</span></a></li>
    5.                 <li> <a href="/index.php" class="m_art" ><span style='margin: 0 25px;'>Артисты</span></a></li>
    6.                 <li> <a href="/index.php" class="m_kont" ><span style='margin: 0 25px;'>О компании</span></a></li>
    7.             <li><a href="/" class="m_efir" style='color: #FADEAE;'><span style='margin: 0 25px;'> Онлайн эфир </span></a></li>
    8.         </ul>
    [css]ul#menu { float: left; list-style: none; margin: 0; padding: 0; width: 100%; height:55px; background: url("/img/menubg.png") top right repeat-x; }
    ul#menu li { display: inline; float: left; margin: 0 0 0 0; padding: 0px; }
    ul#menu li:hover { display: inline; float: left; margin: 0; padding: 0px; }
    ul#menu li a { color: #FFFFFF; line-height: 55px; font-family: Tahoma; font-size: 13px; font-weight: bold; text-decoration: none; color: #FFFFFF; float: left; margin: 0; }
    ul#menu li a.m_news:hover { background: url("/img/m_news.png") center no-repeat; }
    ul#menu li a.m_prog:hover { background: url("/img/m_programs.png") center no-repeat; }
    ul#menu li a.m_art:hover { background: url("/img/m_artisti.png") center no-repeat; }
    ul#menu li a.m_kont:hover { background: url("/img/m_okompanii.png") center no-repeat; }
    ul#menu li a.m_rasp:hover { background: url("/img/m_raspisanie.png") center no-repeat; }
    ul#menu li a.m_efir:hover { background: url("/img/m_onlineefir.png") center no-repeat; }[/css]
     
  2. Volt(220)

    Volt(220) Активный пользователь

    С нами с:
    11 июн 2009
    Сообщения:
    1.640
    Симпатии:
    1
    http://htmlbook.ru/css/hover.html
    Думаю придется использовать JS.
     
  3. Tigrish

    Tigrish Активный пользователь

    С нами с:
    26 июл 2008
    Сообщения:
    54
    Симпатии:
    0
    Volt(220)
    Спасибо за подсказку. Сейчас быстренько допишу js.
     
  4. V1T

    V1T Активный пользователь

    С нами с:
    7 окт 2008
    Сообщения:
    311
    Симпатии:
    0
    Адрес:
    Крым
    Именно, есть вероятность, вот это в IE6 и не будет работать a.m_kont:hover, IE больше понимает a:hover а не а.class:hover :wink: