Горизонтальное Выпадающее Меню

[ThierryH]

Добрый день.

Ниже приведен код меню:

http://jsfiddle.net/96P6K/1/

1) Как сделать его горизонтальным? не пойму; в css добавлял св-во display: inline и inline-block, не помогает.

Подскажите кто-нибудь.

[Switch74]

убираем для ul ограничение ширины, ставим для li inline-block выравниваем выпадающие менюшки как нужно, если для них не нужен inline-block естесно это прописываем

[ThierryH]

Спасибо большое, за быстрый ответ.

Подскажите,пож-та,еще:

у меня теперь подменю сильно вправо уходит, как его приблизить к родительскому пункту, какой параметр за это отвечает?

[Switch74]

вот это отвечает за отображение вашего выпадающего меню, смещает его на 149px вправо и поднимает до самого верха, этими параметрами играйте

li ul {
    position: absolute;
    left: 149px;
    top: 0px;
    display: none;
}

[ThierryH]

Еще раз спасибо, огромное.

Еще один маленький вопрос, не могу сообразить:

само подменю отображается как надо; а вот пункты, которые внутри подменю (например, меню "Чемпионаты" - "Англия", нормально отображается; а внутри "Англии" -должно быть "Премьер-Лига......") не уходит вправо, а накладывается на подменю (http://jsfiddle.net/Thierryh/DFuxE/3/)

Помогите, пож-та.

[Switch74]

z-index используй, чтобы твои выпадающие менюшки были по верх других

[ThierryH]

Не могу разобраться, как в CSS прописать именно для подменю, не могли код показать, именно для моего случая

[mrnobody]

Там можно ее оптимизировать еще, но для начала пойдет )

http://jsfiddle.net/DFuxE/4/

Фуллскрин http://fiddle.jshell.net/DFuxE/4/show/

[ThierryH]

Благодарю, просто огромное человеческое спасибо!!!!!!!!!

[ThierryH]

Please, кто-нибудь,

не могу дать ума этому меню; уже несколько книг за день прочел по CSS.

http://jsfiddle.net/Thierryh/q8jHy/

Опять подменю не видно при наведении

[Switch74]

я не наблюдаю у тебя обработки наведения hover то где? Возможно я его не увидел, но дочерним блокам не выставляется display:block

[ThierryH]

Пробовал выставлять hover, но не помогает. может я не там ставлю..............

Помогите,пож-та, в каком именно месте ?

[Switch74]

в вашем случае сложность состоит в том, что у вас стили на вроде .nav-tabs > li перевешивают li:hover > ul, а .nav-tabs > li:hover > ul будет обрабатывать не все меню попробуйте упростить css поэкспериментировать возможно у вас удастся несколькими правилами добиться обработки любой вложенности меню

Edited April 12, 2013 by Switch74