Проблема с менюшкой

[Rustick]

Ссылка

Хочу сделать, чтобы при клике менюшка раскрывалась.

У меня при нажатии она раскрывается и быстро закрывается, почему так? что делать?

[Rustick]

Ступил. active же только когда кнопка нажата. Сорри. Вопрос закрыт

[JTaMeP]

Доброго времени суток!

Помогите решить проблему есть меню код html следующий:

    <div class="menu">
    <ul id="menu" class="menu-h-d">
      <li><a href="/">Главная</a></li>
      <!--вложенное меню-->
      <li><a href="/">Компоненты</a>
      	<ul>
        	<li class="bor"><a href="/">Alpine Electronics</a>
            	<ul>
                	<li class="bor"><a href="/">CD-ресиверы</a></li>
                	<li class="bor"><a href="/">DVD-проигрыватели</a></li>
                	<li class="bor"><a href="/">Аксессуары</a></li>
                </ul>
      		</li>
        </ul>
      </li>
      <!--конец вложенное меню-->
      <li><a href="/">Каталоги</a></li>
      <li><a href="/">О компании</a></li>
      <li><a href="/">Контакты</a></li>
    </ul>
	</div>

Код css :

.menu {
height:36px;
width:1000px;
background:#000 url(img/bac_menu.png);
}

/* Horizontal Drop Down Menu
—————————— */
.menu-h-d {
font-size:16px;
margin:0 0 0 20px;
}

.menu-h-d li {
float:left;
display:block;
position:relative;
list-style:none;
border-width:1px 1px 1px 0;
}

.menu-h-d li.bor {
border:1px solid #CCC;
}

.menu-h-d a {
text-decoration:none;
display:block;
padding:7px 9px;
}

.menu-h-d a:link,.menu-h-d a:visited {
color:#c93;
text-decoration:none;
}

.menu-h-d ul {
display:none;
position:absolute;
top:18px;
left:-50px;
width:180px;
background:#000;
border:0;
}

.menu-h-d ul ul {
left:67%;
top:-10px;
}

.menu-h-d li li {
float:none;
border-width:1px 1px 0;
}

.menu-h-d a:hover {
color:#fff;
}

.menu-h-d li:hover ul ul,.menu-h-d li:hover ul li:hover ul ul {
display:none;
}

В ie6 меню компоненты не раскрывается как можно исправить?

[Temiks]

ie6 понимает :hover только тогда, когда он относится к ссылке, то есть

a:hover {}

Решить эту проблему можно скриптом javascript

Можно посмотреть тут http://dimox.name/simple-ie6-hover-scripts/

[JTaMeP]

ie6 понимает :hover только тогда, когда он относится к ссылке, то есть

a:hover {}

Решить эту проблему можно скриптом javascriptМожно посмотреть тут http://dimox.name/simple-ie6-hover-scripts/

Извиняюсь ну я несильно силен в этом пока ( , почитал пробывал разные варианты ну что-то не получается(

не могли бы вы написать что именно мне надо добавить в css чтоб все работало?

[Temiks]

Я так понял что у вас еще и для нормальных браузеров не работает?. Скопировал ваш код, никаких выпадений нету

Как сделать правильно сделать выпадающее меню можно посмотреть здесь http://htmlbook.ru/css/hover

Edited July 24, 2011 by Temiks

[JTaMeP]

Я так понял что у вас еще и для нормальных браузеров не работает?. Скопировал ваш код, никаких выпадений нету

Как сделать правильно сделать выпадающее меню можно посмотреть здесь http://htmlbook.ru/css/hover

В нормальных браузерах работает можно глянуть тут