Создание МЕНЮ на чистом CSS / HTML
Создание сайтов с нуля - урок 38 - Вертикальное выпадающее меню
Вертикальное меню с выпадающим подменю Еще один распространенный тип меню - это меню с выпадающими подменю. Обычно в таких меню только два уровня, но встречаются и многоуровневые, когда из выпадающего подменю может выпадать еще одно и так далее. Разметка таких меню простая - обычный многоуровневый список, который мы уже делали в предыдущем уроке. При создании такого меню необходимо использовать абсолютное и относительное позиционирование. Позиционирование подменю Обычно элементам списка li верхнего уровня задают относительное позиционирование, а для выпадающего меню - абсолютное. При этом, выпадающее подменю располагают в том месте, куда оно будет «выпадать»...
Создание сайтов с нуля - урок 37 - Вертикальное раскрывающееся меню
В этом уроке мы рассмотрим вариант создания простого вертикального раздвигающегося меню. Для начала определимся с HTML-кодом. Как правило, меню представляет собой набор ссылок на различные страницы, поэтому удобнее всего его реализовывать при помощи маркированного списка с ссылками внутри. <ul> <li><a href=”#”>Меню 1</a></li> <li><a href=”#”>Меню 2</a></li> <li><a href=”#”>Меню 3</a></li> <li><a href=”#”>Меню 4</a></li> <li><a href=”#”>Меню 5</a></li> </ul> Обратите внимание, что вне зависимости от того, какое меню необходимо создать, вертикальное или горизонтальное, его структура будет идентична...