Pies de página, que aparecen en la parte inferior de las páginas, por lo general contienen enlaces a secciones importantes de un sitio web. CSS tiene una propiedad denominada "parte inferior" que permite a los diseñadores de sitios para posicionar los objetos con relación a la parte inferior de una página. Al establecer el valor de esta propiedad a cero, puede hacer que tus pies se adhieran perfectamente a la parte inferior de cualquier página Web.
inferior pie
Abra cualquier documento HTML utilizando el Bloc de notas o tu editor de HTML.
Agregue el siguiente elemento div con la sección del cuerpo de la página:
div class = "bottom"
Este es un texto en el pie de página
/ Div
Esta muestra contiene div pie de página de texto y una referencia a una clase CSS llamado "fondo".
Pega el código que aparece abajo en la sección principal del documento:
. Inferior {
position: absolute;
text-align: center;
width: 100%;
inferior: 0px;
width: 100%;
}
Esta clase CSS - referencia el div - obliga a la div a flotar a la parte inferior de la página Web. La propiedad inferior, en "0px" en este ejemplo, mantiene el div en la parte inferior.
Guarde el documento, y verlo en su navegador para confirmar que el pie de página aparece en la parte inferior de la página Web.
Consejos y advertencias
Coloque todos los elementos HTML que desee, como enlaces, dentro de la div. Se convierten en parte de su pie y se mueven allí donde se coloca el div
La definición de clase CSS mantiene el pie al ras con la parte inferior de la página Web. Si prefiere mover el pie un poco, cambiar el valor de la propiedad "de abajo" de "0px" a un valor diferente. Por ejemplo, para forzar el pie de página que aparezca 20 píxeles por encima de la parte inferior de la página, configurar el valor de la propiedad inferior a "20px".
No hay comentarios:
Publicar un comentario