ukalen

Да я не спорю, спасибо. ps но надеялся что все таки кто нибудь подскажет как поправить мой код...эх Дык в том-то и дело, что тебе подсказали, что алгоритмы нужно писать правильно, а если ты уже в лес ушёл, то выбраться будет сложно. Нужно с нуля писать и правильно! Оке...спасибо всем. Буду пробовать выбираться из лесу и курить свои бока. Еще раз спасибо!

Да я не спорю, спасибо. ps но надеялся что все таки кто нибудь подскажет как поправить мой код...эх

Ненавижу такие меню... Одно неловкое движение - и все сначала начинай. Да, согласен. Но я там старался сделать так, чтобы его если поймаешь во-время закрытия, то оно остановится) спасибо конечно, но это добавило еще головняка (:

margin:0px auto?

Помогите разгрести алгоритм на будущее.

<div id="wrapper"> <div id="head"></div> <div id="left"></div> <div id="content"></div> </div> <style> html,body {margin:0px;padding:0px;height:100%} #wrapper {margin:0px auto; width:1000px; height:100%; background-color:#333} #head {margin:top center; width:1000px; height:150px; background-color:#066} #left {float:left; height:100%; width:100px; background-color:#C90} #content {float:right; height:100%; width:90%; background-color:#FF3} </style>

я поправил немного...теперь вроде бы норм, но есть но....когда клик на подпункте подменю - оно сначала ВСЕ сворачивается...а потом возвращается вот как лечить? А ты ссылайся именно на внутреннее меню, а не на общее. вроде бы все как нужно....но если добавлять пункты меню то выходит вот что...что то я вообще запутался кака

я поправил немного...теперь вроде бы норм, но есть но....когда клик на подпункте подменю - оно сначала ВСЕ сворачивается...а потом возвращается вот как лечить?

Так...я уже спрашивал в теме по верстке, как сделать такое по средствам ксс. но пришлось вешать на клик. вот что вышло обьясните знатоки, как заставить на повторный клик, сворачивать отдельно подпункты...отдельно все меню. спасибо.

Вроде с вашими советами все как нужно, но все равно, не могу теперь перейти на пункты идущие после подпунктов...меню прячется. Выручите новичка.

В таком случае не могу попасть на пункты, идущие после подпунктов.

Есть примерно такое: А нужно что то вроде такого:

Добрый день, интересует вопрос, как из такой стандартной стр-ры <style> .menu-h-d { min-height: 24px; border-left: 1px solid #ccc; } .menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; } .menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; } .menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; } .menu-h-d ul ul { left: 100%; top: -1px; } .menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; } .menu-h-d li:hover { background: #ccc; } .menu-h-d a:hover { color: #fff; } .menu-h-d li:hover ul, .menu-h-d li:hover ul li:hover ul, .menu-h-d li:hover ul li:hover ul li:hover ul { display: block; } .menu-h-d li:hover ul ul, .menu-h-d li:hover ul li:hover ul ul { display: none; } </style> <ul id="menu" class="menu-h-d"> <li><a href="#">Горизонтальное</a> <ul> <li><a href="#">подменю 1</a> <ul> <li><a href="#">подменю 1.1</a></li> <li><a href="#">подменю 1.2</a></li> <li><a href="#">подменю 1.3</a></li> </ul> </li> <li><a href="#">подменю 2</a></li> </ul> </li> <li><a href="#">CSS</a></li> <li><a href="#">Меню</a> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> </ul> </li> </ul> сделать, что бы 3ий уровень меню, вываливался не вправо, а вниз не нарушая иерархию...то есть пункты ниже подпунктов должны быть видны. Спасибо.