Código HTML para detener un disparo de Repetición

Debido a que la imagen de cabecera es uno de los primeros elementos que ven sus visitantes, usted quiere asegurarse de que tenga el aspecto que tenía planeado. Una imagen repitiendo en su cabecera no sólo es una monstruosidad, pero puede ser un problema que sólo un poco de experiencia a los usuarios, dependiendo de la configuración del equipo. Lo mejor es que el código de su sitio web para que la cabecera no se repite antes de que se convierta en un problema.

encabezados

Muchos sitios web, especialmente los blogs, incorporan una imagen de cabecera. Esta imagen sirve como un punto focal, a menudo describiendo el título y la función o el lema de la página web. Los colores en la cabecera establecen el régimen para el resto de la página web. imágenes de cabecera también pueden incluir partes se puede hacer clic, conocidos como mapas de imágenes. Por lo general, la imagen de cabecera tiene la intención de mostrar una vez, en lugar de repetir horizontal o verticalmente. Si las imágenes se repite, su sitio web puede tener un aspecto descuidado y confuso para sus visitantes.

repitiendo encabezados

Las imágenes se repiten en sus cabeceras - y otros elementos HTML - CSS si se utiliza para establecer la imagen como fondo y la imagen en sí no es tan ancho o alto como el elemento que contiene. Con frecuencia, puede lograr esto mediante el uso de un div como su cabecera, porque este objeto es rectangular. Usted puede lograr esto mediante el uso de un código similar al siguiente:

<Div style = "background-image: url (" header.jpg ");"> </ div>

Resolución

Se puede añadir un poco simple de CSS para su margen de beneficio para detener las imágenes de fondo se vuelva a repetir en cualquier elemento. Si ha especificado la imagen de fondo en un div, puede optar por dejar la imagen se repita horizontalmente, a lo largo del X-acceso, o verticalmente, a lo largo de la Y-acceso. En el siguiente ejemplo, la imagen no se repetirá a lo largo de cualquiera de Acceso:
<Div style = "background-imágenes: url (" header.jpg "); background-repeat: no-repeat;"> </ div>

También puede bloquear la repetición de un solo acceso:
<Div style = "background-image: url (" header.jpg "); background-repeat: repeat-y;"> </ div>

Advertencia

No puede observar si su cabecera se repite si se está utilizando un ancho variable - en porcentajes, por ejemplo - la anchura de la cabecera. Esto puede causar el encabezado que aparezca más grande en varias resoluciones. Puede cambiar la resolución de su monitor para comprobar que este no es el caso, o utilizar un servicio como BrowserShots.org para solicitar imágenes de su sitio web o blog en varios navegadores y resoluciones.