урок хороший и понятный, на том спасибо. но я вот хотел сделать, чтобы меню выпадало при нажатии, а когда вместо hover поставил active, то меню сразу же пропадает, в чем может быть причина🤔
:active применяется к тегу li пока зажата кнопка мышки. Чтоб реализовать так как вы хотите необходимо использовать javascript, меняя классы или другие атрибуты элемента
Дай Бог тебе здоровья, единственный кто нормально объяснил без воды, без лишних свойств, просто и по делу, спасибо большое, два дня искал как сделать
Единственный кто без лишнего объяснил
ага, поэтому я не чего не понял почти:)
у меня все также но почемуто в конце .menu li:hover ul не работает и не выпадает меню
как исправить и почему такая ошибка?
Попробуй
.menu li:hover~ul
@@alekseyivanow ебать спасибо..
я уже забыл про это видео...
я сейчас пайтон изучаю,
а что даст ~ul?
@@Anitizer не знаю,но работает и это прикольно!
в css файле в .menu ul ul поменяй местами display: none и position: absolute ( в видео это строки 40 и 41) и все заработает
Отлично, рахмэт!
Все работает. Спасибо. А можно меню расположить по центру страницы?
margin:auto;
Кто знает, почему не работает второй выпадающий список? И > и ~ пробовал - ничего. Все сделал, как в видео
в css файле в .menu ul ul поменяй местами display: none и position: absolute ( в видео это строки 40 и 41) и все заработает
Урок - отличный, спасибо! Но скачать исходный код по ссылке - не получается. Где все же можно качнуть?
А где адаптив?
урок хороший и понятный, на том спасибо. но я вот хотел сделать, чтобы меню выпадало при нажатии, а когда вместо hover поставил active, то меню сразу же пропадает, в чем может быть причина🤔
:active применяется к тегу li пока зажата кнопка мышки. Чтоб реализовать так как вы хотите необходимо использовать javascript, меняя классы или другие атрибуты элемента
В JS с помощью toggle очень удобно это делать
Самый большой минус в том, что это не работает на тачскринах.
его делаешь для пк версии. а для тачскринов вместо ховера пропиши актив. чтобы происходило при нажатии и все
Почему у тебя продолжает работать ховер меню, хотя ты слез с него в нижнее меню?
Последующие ul вложены в li предыдущего. Добавил пример кода jsfiddle.net/igorrybalko/t0s5f279/67/
@@GreenComet вчера долго ..бался с наследованиями
КОД В ВИДЕО ПЛОХОЙ😒. А НА ИСХОДНОМ КОДЕ (НА САЙТЕ) ВСЕ ОК😉
и чем же он плохой?
почему-то у меня твой код не рабоатет
@UA@Teroid у меня ссылка не работает
@@renpy839
Document
кат1
подк2
подк3
подк2
подк3
подк4
подк4
кат2
подк2
подк3
подк4
кат3
подк2
подк3
подк4
css
.menu {
display: flex;
}
.menu li{
width: 200px;
list-style: none;
background: #1c473d;
position: relative;
}
.menu a{
color: #aeadb3;
text-decoration: none;
display: block;
text-align: center;
padding: 0 10px;
height: 40px;
line-height: 40px;
transition: all 1s;
}
.menu ul{
position: absolute;
left:0;
top:100%;
display: none;
padding: 0;
}
.menu a:hover {
background: #ecf3aa;
}
.menu li:hover > ul{
display: block;
}
.menu ul ul{
display: none;
position: absolute;
top:0;
left: 100%;
}
хорошая работа