Основи HTML & CSS для початківців #30 - display: none vs visibility: hidden. + Завершення практики

Поделиться
HTML-код
  • Опубликовано: 22 мар 2022
  • 10 способів приховати елемент в CSS:
    www.sitepoint.com/hide-elemen...
  • НаукаНаука

Комментарии • 51

  • @polina441
    @polina441 4 месяца назад +2

    Дякую Вам! Ви чудовий викладач! В мене не вийшло так ідеально як у Вас, але я не втрачаю надії, що знайду і виправлю свої помилки. Дай Боже мені терпіння))

  • @412grizli
    @412grizli 2 года назад +15

    Автор Молодець! Топ! Хочу від нього дітей. Двох) Хлопчика HTML і дівчинку Css)

    • @agony4181
      @agony4181 8 месяцев назад +7

      І нагуляного байстрюка JS?)

  • @denysmaletych3966
    @denysmaletych3966 Год назад +3

    контент вартий більше переглядів, ти молодець!

    • @marasmoments1666
      @marasmoments1666 Год назад

      мало хто витримує перестає дивитись,дуже важко ІТ для сильних людей..

  • @jerrymyjohn2943
    @jerrymyjohn2943 11 месяцев назад +1

    Дякую🙏 що допомогаеш лупать цю скелю.

  • @user-rg8kt6si1g
    @user-rg8kt6si1g Год назад +10

    Дякую, було цікаво відтворити чийсь сайт своїми руками)
    Майже повністю точно вийшло👌
    Доречі, якщо натиснути "Alt+Z" у VSCode тоді код, будь-якого розміру, адаптується за розміром робочої сторінки😉👌

    • @savchukit1454
      @savchukit1454  Год назад +2

      Круто, не знав, дякую!

    • @h0liansky1
      @h0liansky1 Год назад

      бляха муха,я через тебе стер 5 строк коду,добре що не сохранився і зробив відкат

    • @user-rg8kt6si1g
      @user-rg8kt6si1g Год назад

      @@h0liansky1 сорян😅 хоча дивно - в мене воно так працює🤔
      А ти виділяв ці 5 строк перш ніж натиснути комбінацію клавіш? Якщо так, то спробуй просто на робочій сторінці, без виділення, так зробити)

    • @nazar9349
      @nazar9349 7 месяцев назад

      Дійсно працює) Дякую !

  • @user-bp7dz2zd8m
    @user-bp7dz2zd8m 2 года назад +1

    Клсні уроки! Дякуємо!
    👍👍👍

  • @basemant3075
    @basemant3075 Год назад +1

    Як завжди найкращий! Дякую!

  • @Den-nj5qv
    @Den-nj5qv Год назад +4

    Супер! Дякую за працю)
    Під час проходження всіх цих тем, я прописував по власній темі, не так як у шаблоні відкриті клітки, а створив Star Wars шаблон. Кольори інші, тексти та лінзи інші, картинки та лого, все інше, і як бонус застосував два псевдокласи із одним z-index на анімацію під лінками таким чином, що вийшла анімація світлового меча ;)

  • @user-co1hh9jg1w
    @user-co1hh9jg1w Год назад +1

    Дякую за Вашу працю!

  • @Serhii.Avdieiev
    @Serhii.Avdieiev 2 года назад +3

    Гарний курс

  • @draganchuks
    @draganchuks 11 месяцев назад

    Дякую. Щось я накрутив з кодом - буде ще один перегляд попередніх уроків)))

  • @Paykit
    @Paykit Год назад

    Дуже круті уроки.👍👍👍 ДЯкую.
    Ще цікаво, чи можна за допомогою CSS зробити банер, на якому кожні 5 секунд змінюються картинки? Чи це вже за допомогою JS треба робити?

  • @user-rk4os5hs9t
    @user-rk4os5hs9t 2 года назад

    Спасибо!

  • @nataliiahomon4970
    @nataliiahomon4970 2 года назад +3

    Суперовий курс, підкажіть у Вас є ще онлайн курс по HTML, CSS JavaScript? Можливо Ви ще порадите онлайн курси?

    • @savchukit1454
      @savchukit1454  2 года назад +1

      Так, максимально рекомендую курси Net Ninja, якщо у вас немає проблем з англійською :)

  • @MrDmytr0
    @MrDmytr0 Год назад +4

    Дякую! Як на мене, для 1-го завдання обраний для відтворення сайт заскладний. Можливо варто було взяти дещо простійший сайт-зразок, так щоб і практика рухалася швидше і знання легше засвоювалися. А згодом додавати до набору інструментів по-трохи різні "фішки".

    • @savchukit1454
      @savchukit1454  Год назад +5

      Можливо, так, ви праві. На жаль, я не професійний викладач, не мав раніше досвіду навчання студентів

  • @mykhailosagan6190
    @mykhailosagan6190 9 месяцев назад +1

    Привіт, друже. Нажаль ти проґавив одну штуку, а саме - при наведенні на "Про нас" і "Підтримати організацію" має вилізати список з додатковими посиланнями навігації.
    П.С. Дякую за твої курси, вони дійсно дуже корисні і пізнавальні. Бажаю успіхів в подальших проєктах)

    • @animvees2485
      @animvees2485 9 месяцев назад

      так це вже швидше всього javascript приколи.

  • @olvel4950
    @olvel4950 Год назад

    вітаю
    а як же все-таки відтворити випадаючі менюшки під елементами навігації?
    це десь буде в майбутніх уроках, можливо?

  • @mifix3751
    @mifix3751 11 месяцев назад

    Дякую, тепер хочу зкинутись з криші

  • @hail66
    @hail66 Год назад +1

    У мене чомусь не видно текста, він внизу сторінки, що робити

  • @elephantviz649
    @elephantviz649 2 года назад +1

    Гарний урок! Дякую. Можна ваш мейл для зв'язку?

  • @user-lz2tq6ym4c
    @user-lz2tq6ym4c Год назад +1

    Доброго вечора, у мене чомусь виходить font-weight виходить не 600px, а 400px (на 9 хв), не розумію, у чому причина? Нібито помилок у прописі та класі немає.
    Щодо запитання на 14:00, можлива відповідь, що дочірній елемент має бути лінійним елементом? Батьківський logo-container є блочним. Коли дочірній має властивості блочного і батькіський також є блочним, то line-height не спрацьовує.

    • @nazar9349
      @nazar9349 7 месяцев назад

      Там, здається, розмір шрифту не в пікселях вимірюється, а просто числове значення без px.

  • @Helena-nu1ch
    @Helena-nu1ch Год назад

    Чомусь шрифт не змінюється. Все ще вісить Times New Roman. Підкажіть будь ласка в чому може бути справа?

  • @kateamiinee
    @kateamiinee 11 месяцев назад

    На 31:18 можливо можна виправити цю ситуацію, додавши header position:relative;Так як у елемента after
    position:absolute; тоді він буде розташовуватись у межах батьківського елементу header.

  • @b_e_s_t_e_r_i_o_n5027
    @b_e_s_t_e_r_i_o_n5027 6 месяцев назад

    Підкажіть, як зробити щоб блок header йшов лише в верху, бо в мене він йде на весь екран поглинаючи кантинку беграунд

  • @agony4181
    @agony4181 8 месяцев назад

    Привіт. Скажіть, будь ласка, яка різниці між створенням одноіменного із тегом класу типу і декорувати в цсс цей клас або просто звернутисьь в цсс до самого тега як
    header {
    height: 100vh;
    }

    • @strange_Borsuk
      @strange_Borsuk 3 месяца назад

      а як в цсс можна звернутись до самого тега?

  • @user-yp5mb1us3e
    @user-yp5mb1us3e Год назад

    Привіт!)
    Я довчив усе, що ти навчав до цього уроку. Проте, у мене є одна помилка на html-сторінці, яку не можу виправити. Чи могли б ми зв'язатись якось? Буду дуже вдячний!
    P.s. Питання не складне. Банальне скоріш за все. Думаю, це займе всього лиш декілька хвилин. Щасливо!😉

    • @savchukit1454
      @savchukit1454  Год назад

      Привіт
      vitalysavchuk2312@gmail.com - пиши сюди )

    • @user-yp5mb1us3e
      @user-yp5mb1us3e Год назад

      @@savchukit1454 Полетіло повідомлення!)) Вже у твоїй скриньці!)

  • @marasmoments1666
    @marasmoments1666 Год назад +1

    Ви вже нам розповіли про ці елементи але було цікаво
    і ще дещо, на уьому сайті вже емає того логотип з 41:00

  • @user-ec2cf6jf2u
    @user-ec2cf6jf2u 3 месяца назад

    Дякую за курс! Але у мене проблемка - що не роблю (в.ч. змінював назву класу) header-content не сприймає стилі і знаходиться під псевдоелементом after. А елементи в середині сприймають стилі...

    • @user-ec2cf6jf2u
      @user-ec2cf6jf2u 3 месяца назад

      Вирішив проблему. Чомусь мені було не достатньо задати елементу з класом header-content в стилях наступне: position: relative; z-index: 2. Вирішив проблему задаючи його дочірним елементами зазначений стиль.

  • @iraaex
    @iraaex Год назад +1

    Завершила сторінку, але вона відрізняється від оригінального сайту. В них тепер все якось по центру стало,хоча памятаю що вона виглядала так як ми і робили)

    • @savchukit1454
      @savchukit1454  Год назад +1

      Нічого, не настільки страшно)

  • @gr3fth835
    @gr3fth835 10 месяцев назад +1

    завдяки цим крутим відео я створив фан сайт АТБ

  • @KanekiKen51282
    @KanekiKen51282 6 месяцев назад

    в 22.12.2023 вже немає картинки(