Выпадающее меню на css | CSS для Профи
ฝัง
- เผยแพร่เมื่อ 28 ก.ย. 2024
- ПОДДЕРЖАТЬ АВТОРА И КАНАЛ:
www.liqpay.ua/...
Webmoney:
Z166344793421
R369744777501
U871336351200
Телеграмм чат:
t.me/joinchat/...
На практике закрепим позиционирование используя его в создании простого, выпадающего меню при помощи HTML и CSS без каких либо скриптов.
МАТЕРИАЛЫ УРОКА:
drive.google.c...
БАЗОВЫЙ КУРС ПО HTML & CSS:
• Знакомство с основным ...
спасибо за урок! во всём разобрался, поигрался со стилями, добавил в заготовочки выпадающее меню . дз зашло на ура)
PS. то что полторы недели назад казалось чем-то невероятным, сейчас кажется интересной игрой, в которой с каждым днём понимаешь всё больше и прокачиваешься. И в эту игру я точно не брошу играть))
Успехов!
Кратко, понятно и легко!Как всегда :) Лучший!
спасибо, но почему не доделал когда говорил "нужно исправить чтобы не налазило друг на друга"? там же список на половину желтой кнопки налазит при наведении
я тут немного запутался, мы уже перешли к верстке с бутстрапом?
Нет, чтобы работать с бутстрапом нужно подключить его библиотеку...
Да, выучить emmet ,уже!
Выучи!
а че его учить, его скачать надо просто!!!
-15 минут из жизни
Еще посоветовал бы для красоты писать transition элементам, что бы красивее все смотрелось :)
не получится
Ты красава чувак) спасибо тебе большое, буду и у тебя учить теперь) долго мучался, почему у меня выпадашка не работала а стояла на месте
чтобы строка не переходило на новую напишите white-space: nowrap
Лучшее обучение. Благодаря этим видно в мире станет ещё на одного джуна больше
Джун работает преимущественно с js..
Спасибо за урок!)
Не поняла, зачем понадобился отдельный . Все свойства в css из него перенесла в ul class="submenu" и свойство display: none/block применяла к .submenu. Все работает. Сделала вариант с несколькими кнопками "меню" 1 уровня и с выпадающими справа подменю, работает. Впереди второй уровень вложенности))
пожалуйста подскажите как второе выпадающее меню сделать, которое внутри
Хардкодить ширину в меню неправильно, и подкорректировать - это не для профи. white-space: nowrap нужно задать для текста.
Андрей, Вы сказали, что объясните, что означает в SCC запись .submene > li + li (т.е. что такое +)
В классе submene выбирает второй элемент li. Это "соседний селектор" . Пример h2 + p. Выбирает элемент (p), который следует непосредственно после предыдущего элемента (h2), и оба элемента имеют одного общего предка. (webref.ru/layout/advanced-html-css/complex-selectors)
А, понятно, плюс - это пропускаем значение для первого элемента. Т.е на первый li стили не действуют
как сделат выпадающее меню внутри выпадающего меню что то не получается
Спасибо!)))
Спасибо)
мне одному странно видеть sublime editor? =)
Для таких простых примеров его за глаза хватает
Прекрасно, дякую.)
скинь ссылку где у тебя про позиционирование элементов на странице
13 видео-урок