Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Aprende Desafío: Trabajar con Posicionamiento Fijo | Dominio del Posicionamiento en CSS
Técnicas Avanzadas de CSS

bookDesafí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:

  1. Aplicar la posición fixed a la lista de navegación.
  2. Elegir una propiedad para el desplazamiento horizontal (left o right).
  3. Elegir una propiedad para el desplazamiento vertical (top o bottom).
  4. 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.html

index.css

index.css

copy
  1. Establecer la propiedad top en 0 para mantener la navegación en la parte superior de la página web.
  2. Para la posición horizontal, se puede utilizar left: 0; para alinearla con el borde izquierdo de la ventana gráfica o right: 0; para alinearla con el borde derecho.
index.html

index.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 7

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

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?

Awesome!

Completion rate improved to 2.04

bookDesafí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:

  1. Aplicar la posición fixed a la lista de navegación.
  2. Elegir una propiedad para el desplazamiento horizontal (left o right).
  3. Elegir una propiedad para el desplazamiento vertical (top o bottom).
  4. 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.html

index.css

index.css

copy
  1. Establecer la propiedad top en 0 para mantener la navegación en la parte superior de la página web.
  2. Para la posición horizontal, se puede utilizar left: 0; para alinearla con el borde izquierdo de la ventana gráfica o right: 0; para alinearla con el borde derecho.
index.html

index.html

index.css

index.css

copy

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 7
some-alt