Выпадающее меню на css | CSS для Профи

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 2024

ความคิดเห็น • 32

  • @its.Andrii
    @its.Andrii 11 หลายเดือนก่อน

    Кратко, понятно и легко!Как всегда :) Лучший!

  • @versti8996
    @versti8996 3 ปีที่แล้ว +8

    спасибо за урок! во всём разобрался, поигрался со стилями, добавил в заготовочки выпадающее меню . дз зашло на ура)
    PS. то что полторы недели назад казалось чем-то невероятным, сейчас кажется интересной игрой, в которой с каждым днём понимаешь всё больше и прокачиваешься. И в эту игру я точно не брошу играть))

  • @ВиталиковВиталий
    @ВиталиковВиталий 4 ปีที่แล้ว +2

    Лучшее обучение. Благодаря этим видно в мире станет ещё на одного джуна больше

    • @_Fantom_.
      @_Fantom_. 3 ปีที่แล้ว +1

      Джун работает преимущественно с js..

  • @time4769
    @time4769 4 ปีที่แล้ว +1

    Ты красава чувак) спасибо тебе большое, буду и у тебя учить теперь) долго мучался, почему у меня выпадашка не работала а стояла на месте

  • @vldkv
    @vldkv 5 ปีที่แล้ว +2

    Спасибо за урок!)

  • @Professor_Ro
    @Professor_Ro 4 ปีที่แล้ว +6

    спасибо, но почему не доделал когда говорил "нужно исправить чтобы не налазило друг на друга"? там же список на половину желтой кнопки налазит при наведении

  • @helloworld-fv8kx
    @helloworld-fv8kx 4 ปีที่แล้ว +1

    Спасибо!)))

  • @ВолодимирМатвеєв-п1е
    @ВолодимирМатвеєв-п1е 3 ปีที่แล้ว

    Спасибо)

  • @ЕвгенияПершакова-ю5э
    @ЕвгенияПершакова-ю5э 4 ปีที่แล้ว +1

    Не поняла, зачем понадобился отдельный . Все свойства в css из него перенесла в ul class="submenu" и свойство display: none/block применяла к .submenu. Все работает. Сделала вариант с несколькими кнопками "меню" 1 уровня и с выпадающими справа подменю, работает. Впереди второй уровень вложенности))

    • @hrantalexanyan5722
      @hrantalexanyan5722 3 ปีที่แล้ว +1

      пожалуйста подскажите как второе выпадающее меню сделать, которое внутри

  • @ОлегСирош-ъ4ъ
    @ОлегСирош-ъ4ъ 4 ปีที่แล้ว +1

    Андрей, Вы сказали, что объясните, что означает в SCC запись .submene > li + li (т.е. что такое +)

    • @ЕвгенияПершакова-ю5э
      @ЕвгенияПершакова-ю5э 4 ปีที่แล้ว

      В классе submene выбирает второй элемент li. Это "соседний селектор" . Пример h2 + p. Выбирает элемент (p), который следует непосредственно после предыдущего элемента (h2), и оба элемента имеют одного общего предка. (webref.ru/layout/advanced-html-css/complex-selectors)

    • @ОлегСирош-ъ4ъ
      @ОлегСирош-ъ4ъ 4 ปีที่แล้ว +1

      А, понятно, плюс - это пропускаем значение для первого элемента. Т.е на первый li стили не действуют

  • @swipeshark5311
    @swipeshark5311 5 ปีที่แล้ว +3

    Еще посоветовал бы для красоты писать transition элементам, что бы красивее все смотрелось :)

    • @psix9618
      @psix9618 4 ปีที่แล้ว

      не получится

  • @Art-M
    @Art-M 3 ปีที่แล้ว

    Прекрасно, дякую.)

  • @sergey6720
    @sergey6720 2 ปีที่แล้ว

    Хардкодить ширину в меню неправильно, и подкорректировать - это не для профи. white-space: nowrap нужно задать для текста.

  • @ilhomyuldoshev5033
    @ilhomyuldoshev5033 4 ปีที่แล้ว

    как сделат выпадающее меню внутри выпадающего меню что то не получается

  • @Приколыотбака
    @Приколыотбака 3 ปีที่แล้ว +1

    чтобы строка не переходило на новую напишите white-space: nowrap

  • @uuBach
    @uuBach 3 ปีที่แล้ว

    я тут немного запутался, мы уже перешли к верстке с бутстрапом?

    • @_Fantom_.
      @_Fantom_. 3 ปีที่แล้ว

      Нет, чтобы работать с бутстрапом нужно подключить его библиотеку...

  • @ВаняПетров-к6м
    @ВаняПетров-к6м 4 ปีที่แล้ว

    скинь ссылку где у тебя про позиционирование элементов на странице

    • @ddrgs60
      @ddrgs60 3 ปีที่แล้ว

      13 видео-урок

  • @semninrussia
    @semninrussia 5 ปีที่แล้ว +4

    Да, выучить emmet ,уже!

    • @semninrussia
      @semninrussia 5 ปีที่แล้ว +2

      Выучи!

    • @eenheey3475
      @eenheey3475 4 ปีที่แล้ว

      а че его учить, его скачать надо просто!!!

  • @m.m9804
    @m.m9804 4 ปีที่แล้ว

    -15 минут из жизни

  • @mondegriz
    @mondegriz ปีที่แล้ว

    мне одному странно видеть sublime editor? =)

    • @andrievskii
      @andrievskii  ปีที่แล้ว

      Для таких простых примеров его за глаза хватает