Cargo actual:Index > Cómo flotar un pie de página en CSS

Cómo flotar un pie de página en CSS

Actualizado:05-10Fuente: consolidación de la red
Advertisement

Cómo flotar un pie de página en CSS


La propiedad "float" fue desarrollado como parte de CSS1, la primera iteración de las Hojas de Estilo en Cascada. Con flotador CSS, un objeto puede ser colocado horizontalmente, izquierda o derecha. Un pie de página sitio web, o la parte inferior más contenido en un sitio Web, se pueden flotar fácilmente con unas pocas líneas de código CSS en línea utilizando la etiqueta "estilo" o una hoja de estilos externa.

Cosas que necesitará

Ordenador con conexión a Internet

Editor de texto sin formato

Flotante un pie de página El uso de CSS en línea

Abra su página Web en HTML / foto código utilizando un editor de texto plano o usando el administrador de archivos de su servidor Web.

Crear un div (<div> </ div>) etiqueta alrededor de su área de pie de página en la vista de código HTML.

Añadir

style = "float :?"

a su div pie de página de apertura (<div>) tag y reemplazar el signo de interrogación con su posición de flotación, que puede ser: izquierda, derecha, ninguno o heredar.

Guarde los cambios y actualizar la página para ver los cambios.

Flotante un pie de página Uso de una hoja de estilos externa

Crear un documento llamado "style.css" con un editor de texto plano o con el administrador de archivos de su servidor Web. O abrir su hoja de estilo pre-existente.

Añadir la propiedad

footer {float:;?}

a su hoja de estilos y reemplazar el signo de interrogación con su posición de flotación, que puede ser: izquierda, derecha, ninguno o heredar.

Guarde los cambios y cargar el archivo en su servidor web.

Abra su página Web en HTML / foto código utilizando un editor de texto plano o usando el administrador de archivos de su servidor Web.

Coloque la hoja de estilo a su página Web con el siguiente comando en la cabeza, dentro de la sección <head> </ head> de las páginas pertinentes:

<Link rel = "stylesheet" type = "text / css" href = "?" />

Vuelva a colocar el signo de interrogación con la URL de su "style.css" documento cargado.

Crear un div (<div id = "footer"> </ div>) etiqueta alrededor de su área de pie de página en el código HTML. Asegúrese de que usted da a su div pie de página el mismo ID que utilizó en la hoja de estilos.

Guarde los cambios y actualizar la página Web para ver los cambios.

Consejos y advertencias

Si usted no desea que su pie de página a flote horizontalmente y quiere apagar el flotador, o centrarlo en la página, utilice el "clear: both;" propiedad en su sección de estilo div.

  • Cómo flotar un pie de página en CSSCómo flotar un pie de página en CSS Actualizado:05-10

    La propiedad "float" fue desarrollado como parte de CSS1, la primera iteración de las Hojas de Estilo en Cascada. Con flotador CSS, un objeto puede ser colocado horizontalmente, izquierda o derecha. Un pie de página sitio web, o la parte in

  • Cómo colocar un pie de página Usar CSSCómo colocar un pie de página Usar CSS Actualizado:05-19

    Los diseñadores web implementan páginas y sitios estilos utilizando hojas de estilo en cascada y HTML. Todos los elementos en una página Web pueden ser de estilo usando CSS, incluyendo cabeceras, contenido y pies de página. El uso de un diseño que in

  • Cómo cambiar el pie de página en JoomlaCómo cambiar el pie de página en Joomla Actualizado:06-22

    Uno de los cambios más comúnmente solicitados a una instalación del sistema de gestión de contenidos Joomla es cómo cambiar el pie de página o eliminar por completo. Como Joomla se ofrece libremente bajo la licencia GPL, puede modificar o eliminar la

  • Cómo poner un pie de página en una página WebCómo poner un pie de página en una página Web Actualizado:07-25

    La mayoría de los sitios web contienen pies de página con la información como fechas de derechos de autor, "quienes somos" oportunidades de información y de carrera. Si bien parece como si debe ser lo suficientemente simple para colocar los

  • Cómo hacer un pie de página Ancho completoCómo hacer un pie de página Ancho completo Actualizado:02-24

    Mientras que el pie de página no es la primera parte de su página web los visitantes ver, puede celebrar la última oportunidad que tiene para atraer a sus visitantes a permanecer en su lugar de sólo un poco más de tiempo. Pies de página no debe ser p

  • Cómo crear un pie de página por correo electrónico con HTML Actualizado:01-09

    Pies de página de correo electrónico son una parte esencial de cualquier mensaje regular que usted envíe a los demás, como una campaña de marketing en Internet, ya que permite a los lectores a identificar quién los está enviando el mensaje y contacta

  • Cómo modificar el pie de página PrestaShopCómo modificar el pie de página PrestaShop Actualizado:04-07

    Cuando se instala por primera vez PrestaShop, la declaración PrestaShop información de contacto y copyright por defecto aparecerá en el pie de página de su sitio de comercio electrónico. El paquete de comercio electrónico PrestaShop está escrito en P

  • Cómo editar un pie de página en Word 2007Cómo editar un pie de página en Word 2007 Actualizado:05-12

    Crear el diseño perfecto para un libro, documento general o informe de Microsoft Word 2007 es rápido y fácil. De hecho, si usted ya sabe cómo quiere que su trabajo se vea, no debería llevarte más de unos minutos en completarse. Instrucciones Abra el

  • Cómo copiar un pie de página de una sección a otra en Microsoft Word Actualizado:07-26

    La información contenida en un documento de Microsoft Word pie de página puede contener casi cualquier cosa --- información sobre una obra citada, detalles perforado hacia abajo para ayudar aún más a educar al lector o una nota al margen que no encaj

  • Cómo agregar un pie de página con InDesign CS5Cómo agregar un pie de página con InDesign CS5 Actualizado:10-22

    Creación de documentos de fácil uso es a menudo tan importante como el texto que está en el documento. Adición de pies de página a un documento es una de las maneras más fáciles de hacer un documento más utilizable. Pies de página son elementos que a