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
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 7
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat
Awesome!
Completion rate improved to 2.04
Challenge: Work with Fixed Positioning
Stryg for at vise menuen
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
Var alt klart?
Tak for dine kommentarer!
Sektion 2. Kapitel 7