-
Cómo dividir un pie de página en los tercios
-
Pies de página se encuentran en la parte inferior de una página Web. Ellos le ayudan a atar su sitio web juntos y proporciona detalles adicionales acerca de una empresa. Los diseñadores web a menudo repiten enlaces de la barra de navegación superior en el pie de página para que los usuarios se desplacen una copia de seguridad para recuperar la información. Desde el pie de página suele ser corta, se puede dividir en columnas para estructurar su contenido más fácilmente. Por ejemplo, es posible que desee incluir datos de contacto en la información izquierdo, derecho de autor en el medio y las condiciones de la compañía a la derecha.Instrucciones
1 Iniciar un editor de texto, como el Bloc de notas, WordPad o EditPad. Seleccione "Archivo" y "Abrir" en el menú. Se abre un cuadro de diálogo. Haga doble clic en el archivo HTML que desea modificar.
2 Agregue el siguiente código entre las etiquetas <head> para crear un estilo para el pie de página. Vuelva a colocar la anchura con la anchura específica que desea establecer para el pie de página. El "900px;" ancho se aplica a la anchura de todo el pie de página. La anchura dentro de "izquierda", "medio" y "derecha" se aplica a la de cada columna en el pie de página.
<Style type = "text / css">
<! -pie de página {
Limpia los dos;
Anchura: 900px;
border-top: 2px sólido negro;
}
.left {float: left; Anchura: 300px; }
.middle {float: left; Anchura: 300px; }
.RIGHT {float: left; Anchura: 300px; }
->
</ Style>3 Desplazarse hasta la parte inferior de su página web, justo por encima de la etiqueta <body> de cierre.
4 Agregue el siguiente código HTML para crear y dividir el pie de página en tercios:
<Div id = "pie">
<Div class = "left"> sección </ div> Izquierda
<Div class = "middle"> Sección media </ div>
<Div class = "right"> Sección derecha </ div>
</ Div>5 Reemplazar "Sección izquierda", "Sección media" y "Sección derecha" con el contenido del pie de página.
