урок хороший и понятный, на том спасибо. но я вот хотел сделать, чтобы меню выпадало при нажатии, а когда вместо hover поставил active, то меню сразу же пропадает, в чем может быть причина🤔
:active применяется к тегу li пока зажата кнопка мышки. Чтоб реализовать так как вы хотите необходимо использовать javascript, меняя классы или другие атрибуты элемента
Единственный кто без лишнего объяснил
ага, поэтому я не чего не понял почти:)
Отлично, рахмэт!
Урок - отличный, спасибо! Но скачать исходный код по ссылке - не получается. Где все же можно качнуть?
хорошая работа
урок хороший и понятный, на том спасибо. но я вот хотел сделать, чтобы меню выпадало при нажатии, а когда вместо hover поставил active, то меню сразу же пропадает, в чем может быть причина🤔
:active применяется к тегу li пока зажата кнопка мышки. Чтоб реализовать так как вы хотите необходимо использовать javascript, меняя классы или другие атрибуты элемента
В JS с помощью toggle очень удобно это делать
у меня все также но почемуто в конце .menu li:hover ul не работает и не выпадает меню
как исправить и почему такая ошибка?
Попробуй
.menu li:hover~ul
@@alekseyivanow ебать спасибо..
я уже забыл про это видео...
я сейчас пайтон изучаю,
а что даст ~ul?
@@s.shimoro.x8141 не знаю,но работает и это прикольно!
в css файле в .menu ul ul поменяй местами display: none и position: absolute ( в видео это строки 40 и 41) и все заработает
Все работает. Спасибо. А можно меню расположить по центру страницы?
margin:auto;
Кто знает, почему не работает второй выпадающий список? И > и ~ пробовал - ничего. Все сделал, как в видео
в css файле в .menu ul ul поменяй местами display: none и position: absolute ( в видео это строки 40 и 41) и все заработает
Почему у тебя продолжает работать ховер меню, хотя ты слез с него в нижнее меню?
Последующие 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%;
}