Ya tengo listo el desafío. Mi única duda que me quedo es cómo puedo hacer para dejar fijos el menu superior y lateral, y que si tengo ten...

Pregunta de la clase:
Desafío
Bautista Tancredi

Bautista Tancredi

Pregunta
studenthace 6 años

Ya tengo listo el desafío. Mi única duda que me quedo es cómo puedo hacer para dejar fijos el menu superior y lateral, y que si tengo tengo que hacer scroll para abajo(Porque tengo mas categorías) solamente mover la sección de las películas.

¿Se entiende mi duda?

3 respuestas
para escribir tu comentario
    Bautista Tancredi

    Bautista Tancredi

    studenthace 6 años

    Muchas gracias por la ayuda!!

    Angel de Jesus Quintero Pereira

    Angel de Jesus Quintero Pereira

    studenthace 6 años

    La propiedad z-index especifica el orden de superposición de los elementos. Los elementos con una mayor z-index estarán por encima de los elementos con una menor z-index. Al establecer el z-index en un valor mayor que o incluso igual a 0, se establece que el elemento esté encima de los elementos no posicionados sin z-index especificar. Siempre se puede establecer en un valor inferior a 99, pero es una práctica común evitar posibles choques con otros elementos posicionados.

    En el selector con el cuál identificas tú header para aplicar estilos puedes agregar el siguiente código:

    /*Fijar cabecera*/ z-index:99; /*valor de super-posición*/ width: 100%; /* hacemos que la cabecera ocupe el ancho completo de la página */ left: 0; /* Posicionamos la cabecera al lado izquierdo */ top: 0; /* Posicionamos la cabecera pegada arriba */ position: fixed; /* Hacemos que la cabecera tenga una posición fija */ /*NO importante pero puedes, agregar sombras*/ box-shadow: 0px 11px 5px -4px rgba(0,0,0,0.75); /*Esto sirve para agregar una sombra a tu header si deseas*/

    link referencias:

    https://franciscoamk.com/como-crear-una-fija-estatica-con-html-y-css/

    Aquí te dejo mi proyecto que hice con el curso de desarrollo web online. Este proyecto fue el desarrollo del portfolio de leonidas esteban. Tengo que acomodar los comentarios porque utilice traductor en muchos casos donde busque las definición

    https://github.com/angel20125/portfolio-platzi/blob/master/css/style.css

    Nota: la propiedad z-index los puedes aplicar en otros componentes también para decir explicitamente que están por debajo de otros elemento con mayor z-index

    Anibal Rojas

    Anibal Rojas

    teacherhace 6 años

    No realmente :-( Te recomiendo ir a la clase específica dónde surgió esa duda y volver a escribirla ahí porque aquí la colocaste en la raiz del foro y no hay contexto para ayudarte.

Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.

Curso de CSS Grid Layout 2017
Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.