Challenge: Work with Fixed Positioning
Task
Create a website navigation bar that remains fixed at the top of the webpage for users to access at all times. Steps:
- Apply
fixed
positioning to the navigation list. - Choose one property for horizontal displacement (
left
orright
). - Choose one property for vertical displacement (
top
orbottom
). - Test the functionality by clicking on different links and ensuring that the page scrolls while keeping the navigation bar visible.
index.html
index.css
- Set the
top
property to0
to keep the navigation at the top of the web page. - For horizontal positioning, you can use either
left: 0;
to align it with the viewport's left edge orright: 0;
to align it with the right edge.
index.html
index.css
Tutto è chiaro?
Grazie per i tuoi commenti!
Sezione 2. Capitolo 7
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Awesome!
Completion rate improved to 2.04
Challenge: Work with Fixed Positioning
Scorri per mostrare il menu
Task
Create a website navigation bar that remains fixed at the top of the webpage for users to access at all times. Steps:
- Apply
fixed
positioning to the navigation list. - Choose one property for horizontal displacement (
left
orright
). - Choose one property for vertical displacement (
top
orbottom
). - Test the functionality by clicking on different links and ensuring that the page scrolls while keeping the navigation bar visible.
index.html
index.css
- Set the
top
property to0
to keep the navigation at the top of the web page. - For horizontal positioning, you can use either
left: 0;
to align it with the viewport's left edge orright: 0;
to align it with the right edge.
index.html
index.css
Tutto è chiaro?
Grazie per i tuoi commenti!
Sezione 2. Capitolo 7