Desafío: Trabajar con Posicionamiento Fijo
Tarea
Crear una barra de navegación del sitio web que permanezca fija en la parte superior de la página para que los usuarios puedan acceder a ella en todo momento. Pasos:
- Aplicar la posición
fixeda la lista de navegación. - Elegir una propiedad para el desplazamiento horizontal (
leftoright). - Elegir una propiedad para el desplazamiento vertical (
topobottom). - Probar la funcionalidad haciendo clic en diferentes enlaces y asegurarse de que la página se desplace mientras la barra de navegación permanece visible.
index.html
index.css
- Establecer la propiedad
topen0para mantener la navegación en la parte superior de la página web. - Para la posición horizontal, se puede utilizar
left: 0;para alinearla con el borde izquierdo de la ventana gráfica oright: 0;para alinearla con el borde derecho.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 2. Capítulo 7
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Awesome!
Completion rate improved to 2.04
Desafío: Trabajar con Posicionamiento Fijo
Desliza para mostrar el menú
Tarea
Crear una barra de navegación del sitio web que permanezca fija en la parte superior de la página para que los usuarios puedan acceder a ella en todo momento. Pasos:
- Aplicar la posición
fixeda la lista de navegación. - Elegir una propiedad para el desplazamiento horizontal (
leftoright). - Elegir una propiedad para el desplazamiento vertical (
topobottom). - Probar la funcionalidad haciendo clic en diferentes enlaces y asegurarse de que la página se desplace mientras la barra de navegación permanece visible.
index.html
index.css
- Establecer la propiedad
topen0para mantener la navegación en la parte superior de la página web. - Para la posición horizontal, se puede utilizar
left: 0;para alinearla con el borde izquierdo de la ventana gráfica oright: 0;para alinearla con el borde derecho.
index.html
index.css
¿Todo estuvo claro?
¡Gracias por tus comentarios!
Sección 2. Capítulo 7