Добрый день. Возникла необходимость научиться созданию многоуровневым меню. Вопрос как создать меню с 3 уровней ? Первый идет горизонтально, второй вертикально и третий горизонтально.
До второго уровня я дошел без проблем, а как быть с третим ?
Вот что у меня вышло. (Заранее прошу прощение за расположение менюшки, выдирал из готовящегося проекта) https://jsfiddle.net/BlackStar1991/zaLupfjr/3/
3 по аналогии с первым только привязанный ко 2му
Спасибо за совет, единственное что мне необходимо что б pro-sub-menu-store отображалось по горизонтали.
Я не могу понять почему при изминении типа стиля на инлайн оно мне не помогает(
.sub-menu-store:hover .pro-sub-menu-store {
display: inline;
}
Ширины не хватает может?
Ну не inline а inline-block, почитайте материалы по поводу этих свойств
Чего то я тут явно недопонимаю,
https://jsfiddle.net/BlackStar1991/zaLupfjr/8/
Что бы задать элементы списка в строку главные действия какие ? - задать правильный тип элементу, и задать выравнивание элементов при помощи float . Ведь так ?
Флоат прижимает элемент к краю родительского элемента, он применяеться к сеткам на сайте, если вопрос актуален вечером скину пример кода для ваще меню с комментариями внутри
1 лайк
Буду очень признателен.
*Значит Float мимо сеток лучше не использовать?
Мне помогли сделать, но понимание пока не пришло(
https://jsfiddle.net/BlackStar1991/zaLupfjr/14/
Огромное спасибо. Помогло.
Главная идея того будет ли меню горизонтальным или вертикальным это Достаточное количество свободного места + display: block (для вертикального) или inline-block (для горизонтального)
1 лайк