Con frecuencia nos podemos encontrar con páginas web con un encabezado que muestra una imagen por medio de la propiedad background de CSS asociado a un elemento del layout.
Si deseamos que la imagen de fondo sea un enlace a la página inicio de la web debemos añadir el siguiente código en la etiqueta del encabezado de la plantilla inicio:
<div id=”header” onClick=’window.location.href="http://www.dominio.com"‘>
y en la hoja de estilo debemos añadir la siguientes reglas en la declaración del estilo header:
cursor: pointer;
cursor: hand;
Otra propuesta más accesible de Leo:
<h1 id="encabezado"><a href="/">Nombre del sitio</a></h1>
Y en el CSS:
h1#encabezado {
background: url(’img/logo.jpg’) no-repeat;
text-indent: -9999px;
}
h1#encabezado a {
display: block;
width: 100px;
height: 100px;
}
Usuarios que han visto este tema también han visto...
- Comentarios en CSS
- Efectos sobre bloques
- Decorar un campo select de formulario con CSS
- Superposición de imágenes con CSS
- Usando CSS en tablas
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.