Как реализовать такое меню?

Добрый вечер.
У меня есть сайт, который я создал средствами программы adobe muse (конструктор сайтов). Всё бы ничего, но грузится он чертовски долго, т.к. программа эта генерирует миллионы кода. И вот я начал изучать верстку, и реши его сверстать нормально. Застопорился на выпадающем меню...
Для меня пока это сложно, но буду признателен за любую помощь / советы.
  • Вопрос задан
  • 708 просмотров
Решения вопроса 1
vladislav_boychenko
@vladislav_boychenko
Купаюсь в гривнах
Принцип примерно такой: codepen.io/anon/pen/xgPRKZ
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
1) делаешь выпадающее меню дочерним элементом блока/ссылки, при наведении на которую меню должно выпадать.
2) позиционируешь абсолютно в то место где оно должно отображаться
3) прячешь его display:none
4) далее такой финт ушами: .parent:hover .menu {display: block}
При наведении на родителя будет отображаться меню.

Один нюанс: меню должно быть спозиционировано так, чтобы немного (хотя бы на пиксель) перекрывать родителся, иначе фокус не получится: при убирания мышки с родителся меню будет пропадать.

Второй вариант: сделать появление меню по клику. Но тут без js не обойтись.

Еще нюанс: меню лучше верстать ul-списком, только обнулить все отступы и стили.
Ответ написан
Комментировать
slo_nik
@slo_nik
Добрый вечер.
тыц
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы