ukalen

За-то если разберёшься, то пополнишь копилку знаний, а это мой друг - дорогого стоит, поверь

Да я не спорю, спасибо.

ps

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

Дык в том-то и дело, что тебе подсказали, что алгоритмы нужно писать правильно, а если ты уже в лес ушёл, то выбраться будет сложно. Нужно с нуля писать и правильно!

Оке...спасибо всем. Буду пробовать выбираться из лесу и курить свои бока. Еще раз спасибо!

За-то если разберёшься, то пополнишь копилку знаний, а это мой друг - дорогого стоит, поверь

Да я не спорю, спасибо.

ps

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

Вот я тут недавно делал одну задачу. Разбирайся, так как как алгоритм заточен на будущее.

http://psywalker.ru/Forum/JS/Primitive/Dom-Zadachi/Menu-Plavnoe/Vipad2.html

Ненавижу такие меню...

Одно неловкое движение - и все сначала начинай.

Да, согласен. Но я там старался сделать так, чтобы его если поймаешь во-время закрытия, то оно остановится)

спасибо конечно, но это добавило еще головняка (:

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

.wrapper_bodydiv
{
clear:both;margin-left:8%;margin-right:8%;margin-top:10px;margin-bottom:10px;
}

То у меня при ширине 1024 пикс. блок точно по середине а при большой смещается ближе к левой стороне.Если поставить text-align:center; не помогает.Скажите как сделать?:!

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ий уровень меню, вываливался не вправо, а вниз не нарушая иерархию...то есть пункты ниже подпунктов должны быть видны. Спасибо.