Вивчайте Завдання: Робота з Фіксованим Позиціонуванням

Завдання

Створити навігаційну панель сайту, яка залишається зафіксованою у верхній частині вебсторінки, щоб користувачі мали до неї постійний доступ. Кроки:

Застосувати позиціонування fixed до навігаційного списку.
Вибрати одну властивість для горизонтального зміщення (left або right).
Вибрати одну властивість для вертикального зміщення (top або bottom).
Перевірити функціональність, натискаючи різні посилання та переконатися, що сторінка прокручується, а навігаційна панель залишається видимою.

index.html

index.css

Встановіть властивість top у значення 0, щоб навігація залишалася у верхній частині веб-сторінки.
Для горизонтального позиціонування використовуйте або left: 0;, щоб вирівняти по лівому краю вікна перегляду, або right: 0;, щоб вирівняти по правому краю.

index.html

index.css

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 2. Розділ 7

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

Can you show me an example of the CSS code for the fixed navigation bar?

What HTML structure should I use for the navigation bar?

How do I test if the navigation bar stays fixed while scrolling?

Свайпніть щоб показати меню

Завдання

Застосувати позиціонування fixed до навігаційного списку.
Вибрати одну властивість для горизонтального зміщення (left або right).
Вибрати одну властивість для вертикального зміщення (top або bottom).
Перевірити функціональність, натискаючи різні посилання та переконатися, що сторінка прокручується, а навігаційна панель залишається видимою.

index.html

index.css

Встановіть властивість top у значення 0, щоб навігація залишалася у верхній частині веб-сторінки.
Для горизонтального позиціонування використовуйте або left: 0;, щоб вирівняти по лівому краю вікна перегляду, або right: 0;, щоб вирівняти по правому краю.

index.html

index.css

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 2. Розділ 7