Нужна помощь с меню.

[XuLLlHuK]

Всем привет!

http://jsfiddle.net/L7Pts/2/ - float не работает. Убираю у "Пункта"

position:relative;

или

display:inline; 

и все работает.

Кто подскажет, что не так?

Edited March 26, 2014 by XuLLlHuK

[Xenia Wanger]

Что-то не код, а жесть какая-то. Что конкретно вы хотите получить при выполнении сего "чуда"?)

[XuLLlHuK]

Что-то не код, а жесть какая-то. Что конкретно вы хотите получить при выполнении сего "чуда"?)

А что с кодом не так?

Нужно,чтобы список Подпунктов был слева, а описание про "многослойные структуры" справа на зеленом фоне.

[Xenia Wanger]

 

Что-то не код, а жесть какая-то. Что конкретно вы хотите получить при выполнении сего "чуда"?)

А что с кодом не так?

Нужно,чтобы список Подпунктов был слева, а описание про "многослойные структуры" справа на зеленом фоне.

 

 

Такая каша в коде, что его прочитать можно только под чем-то)

[Switch74]

проблема в том, что вы position:relative; применяете к .main-menu>li

потомки с position:absolute; в частности .sub-main-menu-block, начинают позиционироваться относительно родителя 

Edited March 27, 2014 by Switch74

[darknebel]

Вот мой вариант. Я так понял, что подменю должно появлятся при наведении, так и сделал.

 

Если ненужно, уберите:

.sub-main-menu-block{    display: none;}

и 

.main-menu li:hover .sub-main-menu-block{    display: block;}

[XuLLlHuK]

проблема в том, что вы position:relative; применяете к .main-menu>li

потомки с position:absolute; в частности .sub-main-menu-block, начинают позиционироваться относительно родителя 

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

 

 

Вот мой вариант. Я так понял, что подменю должно появлятся при наведении, так и сделал.

 

Если ненужно, уберите:

.sub-main-menu-block{    display: none;}

и 

.main-menu li:hover .sub-main-menu-block{    display: block;}

 

Спасибо за вариант, помог при реализации.

 

Однако возникла очередная сложность после расширения задачи: http://jsfiddle.net/Epza9/

При наведении на пункты и подпункты меню в подменю должны всплывать анонсы, но блок с анонсом выходит за пределы.

Что можно сделать, чтобы подменю с серым фоном обтекала анонс?