-
Cómo horizontal Centro de una página web
-
Usted quiere que su diseño de página web para buscar su mejor al mayor número posible de visitantes, pero esto es un reto porque no todo el mundo está utilizando la misma resolución del monitor. Horizontalmente centrado sus páginas web es una buena manera de abordar esta cuestión. Una página centrado aparece en el medio de la ventana del navegador para que personas con resoluciones pequeñas ver todo su contenido, y los espectadores con tamaños más grandes no tienen espacio adicional en la ventana. Añadir Cascading Style Sheets código para centrar horizontalmente las páginas de su sitio web.Instrucciones
1 Comience el software de edición de texto y crear un nuevo documento. Guarde el archivo con la extensión CSS - por ejemplo, styles.css.
2 Escribe un término deseado, tal como "contenedor", con una etiqueta de marcador al inicio para crear una regla de estilo que maneja el cuerpo general de su sitio web. Siga este término con llaves, así:
recipiente {}
3 Introduzca "width:;" dentro de las llaves, y siga esto con un valor numérico en píxeles para especificar el ancho fijo de su página. Para ilustrar:envase {width: 750px;
4} Tipo "margin: 0 auto;" para añadir un atributo que se centra horizontalmente su página. Su CSS completa ahora se ve como este ejemplo:envase {width: 750px; margin: 0 auto;
5} Guarde el archivo CSS y subirlo a la misma carpeta de alojamiento web donde se encuentra el archivo de sitio web principal, tales como index.htm.6 Abrir las páginas de su sitio web en su editor de texto. Coloque el cursor antes de la etiqueta de cierre </ head> e introduzca el código que une la hoja de estilo a su página Web:
<Link rel = "stylesheet" type = "text / css" href = "styles.css" />Repita este procedimiento para cada página.
7 Coloque el cursor después de la etiqueta de apertura <body> y escriba "<div id =" contenedor "> </ div>" para asignar la regla de estilo que se centra en la página. Escriba su código de la página web entre las etiquetas div. Por ejemplo:
<Div id = "contenedor">
Introduzca su código de la página web aquí.
</ Div>8 Guarde los archivos y subirlos de nuevo a su anfitrión.
