Выпадающее меню с переходом на другие страницы используя HTML&CSS || DropDown Menu Multi pages CSS

Поділитися
Вставка
  • Опубліковано 20 гру 2024

КОМЕНТАРІ • 35

  • @KogotGRIEF
    @KogotGRIEF 3 місяці тому +1

    *я походу что-то пропустил, как сделать так что когда хочу навести на вкладку нижнюю открытую окошку чтобы она не исчезала?*

    • @topchiydev
      @topchiydev  3 місяці тому

      Приветствую!
      Меню выпадает после наведения мышью на нужную вкладку (hover эффект), если курсор смешается и не наведен на вкладку, тогда меню скроется.

    • @KogotGRIEF
      @KogotGRIEF 3 місяці тому

      @@topchiydev так проблема в том что она исчезает когда я навожу, может его top приподнять и x-index сместить назад?

    • @topchiydev
      @topchiydev  3 місяці тому +1

      Нужно проверять код, скорей всего где-то есть ошибка, попробуйте по изменять значения, должно помочь.

    • @OksanaSaienko
      @OksanaSaienko 3 місяці тому

      ​@@KogotGRIEF у меня та же проблема ( уже все 10 раз проверила, но когда опускають на выпадающее меню, оно исчезает 😢

    • @junk_k666
      @junk_k666 17 днів тому

      @@OksanaSaienko hey bro ai скинь свой код и опишу проблему. самый лучший помощник в коддинге

  • @Android-im4ro
    @Android-im4ro Рік тому

    Здравствуйте, почему то, когда начал писать второй css файл. Вставились только первые 2 фразы, а дальше не идет... Подскажите пожалуйста

    • @topchiydev
      @topchiydev  Рік тому

      Приветствую!
      По идее не должно такого быть, попробуйте удалить, создать новый и подключить заново файл, возможно это поможет, ранее с таким не сталкивался.

    • @Android-im4ro
      @Android-im4ro Рік тому

      ​@@topchiydev, точнее как мне подключить второй css к основному html, никак не могу найти!

    • @topchiydev
      @topchiydev  Рік тому

      Также как и первый, добавляете тег link с другим названием файла в head.

    • @topchiydev
      @topchiydev  Рік тому

      Записал видео на эту тему, в 19:00 выйдет.
      Как подключить несколько CSS файлов к HTML || How to connect multiple CSS files in HTML
      ua-cam.com/video/BK4JBHalKM8/v-deo.html

  • @a1ish02
    @a1ish02 Рік тому

    Здравствуйте,у меня такая проблема,то что у меня по первая html открылась а вторая css не открывается хотя я скопировал и просто вставил,почему так?

    • @topchiydev
      @topchiydev  Рік тому

      Приветствую!
      Не совсем понял в чем проблема.
      Нужно проверять код.

    • @a1ish02
      @a1ish02 Рік тому

      @@topchiydev можете дать свой инстаграмм или что нибудь из контактов что бы я мог вам написать фото скинуть кодом потому что не понимаю в чем проблема у меня

    • @topchiydev
      @topchiydev  Рік тому

      Напишите на почту codingwithtopchiy@gmail.com

    • @a1ish02
      @a1ish02 Рік тому

      @@topchiydev написал и видео скинул

  • @jastnikc1034
    @jastnikc1034 Рік тому

    Очень крутое видео! Можно пожалуйста оставлять ссылочку на код из видео что бы можно было в нём потыкаться)

    • @topchiydev
      @topchiydev  Рік тому

      Приветствую!
      Спасибо за обратную связь)
      К сожалению на данное видео исходный код не сохранил.

  • @DIM0NER
    @DIM0NER Рік тому

    я не понял сколько ставить на 12:34

    • @topchiydev
      @topchiydev  Рік тому

      Приветствую!
      Нужно указать border: 1px solid rgba(0,0,0,.1); или запись может быть такая для rgba: rgba(0,0,0,0.1);

  • @ПётрВасечкин-й4о

    Уважаемый автор канала!
    Во-первых, хотел бы поблагодарить за учебные материалы. Во-вторых, у меня появился вопрос следующего характера: имеется лого буквенное, хотелось бы к нему присоединить изображение. Каким образом это можно выполнить? Будьте любезны, подскажите пожалуйста.

    • @topchiydev
      @topchiydev  Рік тому +1

      Приветствую!
      Пожалуйста)
      Вы можете лого разместить внутри тега , а внутри него добавить тег с изображением. Тогда изображение будет как ссылка.

  • @2accauntsaint601
    @2accauntsaint601 8 місяців тому

    Не получается зарегаться в fontawesome

    • @topchiydev
      @topchiydev  8 місяців тому

      Приветствую!
      На днях запишу видео, как можно добавить font awesome без регистрации.

    • @topchiydev
      @topchiydev  8 місяців тому

      Как добавить иконки Font Awesome на сайт с помощью CDN ua-cam.com/video/JsIVOqMF4z0/v-deo.html

  • @lililight-e5f
    @lililight-e5f Рік тому

    А можно перетащить разные видео с ютуба ?

    • @topchiydev
      @topchiydev  Рік тому

      Приветствую!
      Да, вы можете добавить ссылку сделать ее блочным элементом (display: block или inline-block), стилизовать его и в атрибут href добавить ссылку на видео с UA-cam, как вариант можно так сделать.

    • @lililight-e5f
      @lililight-e5f Рік тому

      я только начал изучать такие интересные возможности html, css and js А вы отличный учитель. У нас в школе нас ни чему не учат.

    • @topchiydev
      @topchiydev  Рік тому

      Не бросайте изучение, со временем все будет получатся проще 👍

  • @tude2478
    @tude2478 Рік тому

    А что если стрелочки не добавились

    • @topchiydev
      @topchiydev  Рік тому +1

      Приветствую!
      Если стрелочки брали на сайте font awesome нужно выбрать версию 5.15.4, на версии 6.3.0 бывает не отображается.
      Также можете использовать сущность ▽

    • @topchiydev
      @topchiydev  Рік тому +1

      Или еще попробуйте для тега body добавить свойство font-family: fontAwesome тогда должно отобразится.

  • @MaksimZlatov
    @MaksimZlatov 16 днів тому

    К сожалению АВТОР этот ролик уже не актуален , vsc перестал воспринимать header nav {} , теперь это пишется просто - nav {внутренности} , и еще есть нюансы ролика

    • @MaksimZlatov
      @MaksimZlatov 16 днів тому

      подробности: Раньше писали так - header nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background-color: rgb(255, 255, 255);
      display: flex;
      justify-content:space-between;
      align-items: center;
      padding: 0 8%;
      }
      Сейчас пишут вот так - nav {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background-color: rgb(255, 255, 255);
      display: flex;
      justify-content:space-between;
      align-items: center;
      padding: 0 8%;
      }

    • @topchiydev
      @topchiydev  16 днів тому

      Приветствую!
      Все работает 👍
      Мне кажется селекторы потомков все так же работают, как и всегда.