Форум PHP программистов > Проблемы с меню

[ Поиск ] - [ Пользователи ] - [ Календарь ]

pharaon

1.11.2010 - 21:23

Есть вертикальное деревоподобное меню. В ИЕ8 работает все хорошо, но в ИЕ7 не очень. Когда нажимаю на Desktops появляется подменю PC, Mac, и потом когда навожу курсор на элемент меню <li>PC</li> , то у меня меняется фон элемента <li>Desktop</li> , а по идее должно только когда навожу на <li>Desktop</li> Здесь ссылка на этот баг

. А еще я указал list-style-position:inside но у ИЕ7 когда навожу курсор на любой элемент меню, то backgrpund-color меняется только под элементом <a></a> .

HTML-код :
<div id="category">
<ul>
<li><a href="http://"><b>Desktops</b></a></li>
<ul>
<li><a href="">PC</a></li>
<li><a href="">Mac</a></li>
</ul>
<li><a href="">Laptops & Notebooks</a></li>
<li><a href="">Components</a></li>
<li><a href="">Software</a></li>
<li><a href="">Phones & PDAs</a></li>
<li><a href="">Cameras</a></li>
<li><a href="">MP3 Players</a></li>
</ul>
</div>

CSS код:
#category ul {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 5px;
}
#category ul li {
list-style:url('../image/bullet_3.png');
list-style-position: inside;
min-height:18px;
}
#category ul li a{
color:#0398fe;
text-decoration:none;
display:block;
}
#category ul li a:hover {
color:#FFFFFF;
}
#category ul li:hover{
list-style:url('../image/bullet_4.png');
list-style-position: inside;
background-color:#7dba1f;
}

Непонимаю что не так сделал, или что не доделал, буду рад за помощь.

Спустя 14 минут, 13 секунд (1.11.2010 - 20:38) ИНСИ написал(а):

в общем, для начала сделай в таком формате:

Desktop
<ul>
     <li>PC</li>
     <li>MAC</li>
</ul>

Спустя 1 час, 15 минут, 20 секунд (1.11.2010 - 21:53) Guest написал(а):

Спасибо друг, что откликнулся. Я переделал все через background-image для элемента <a> , фух.
Эту задачу решил.

Спустя 55 минут, 6 секунд (1.11.2010 - 22:48) ИНСИ написал(а):

Guest ты все же исправь свой код. У тебя неверно открываются и закрываются теги.

Спустя 6 минут, 53 секунды (1.11.2010 - 22:55) inpost написал(а):

welbox2
А что там неправильно? Нормальная структура вложенных UL-LI.

Спустя 56 минут, 59 секунд (1.11.2010 - 23:52) ИНСИ написал(а):

inpost мне кажется такой тип:

<ul>
    <ul>
        <li></li>
    </ul>

    <li></li>
    <li></li>
</ul>

неправильным. Для таких действий (вложенных списков), существует еще один тег: <ol></ol>

Спустя 44 минуты, 5 секунд (2.11.2010 - 00:36) inpost написал(а):

welbox2
Вполне нормально использовать такую систему вложенности. Нормально отображается, вроде даже валидация проходит отлично =)

Быстрый ответ:

Здесь расположена полная версия этой страницы.