Hacer que toda una capa div sea un enlace

[sauwi]

Hola,tengo el golo de una pagina web en una capa como fondo de pantalla y lo que quiero es que se pueda hacer clic en ese logo y vaya a la pagina principal.Xomo puedo hacerlo y que sea valido xhtml?

Saludos

[programeitor]

<a><div></div></a>

[AlZuwaga]

y que sea valido xhtml?

La solución de programeitor no sería válida. No se puede colocar un elemento en bloque (div) de uno en línea (a)

Yo haría más o menos lo siguiente:

Código:

<h1><a href="/">Nombre del sitio</a></h1>

estilos:

Código:

h1 {
margin = 0;
padding = 0;
text-indent = -9000 px;
}

a {
display = block;
heigth = el_mismo_alto_de_la_imagen_de_fondo px;
whith = el_mismo_ancho_de_la_imagen_de_fondo px:
background-image = (/images/logo_sitio.gif);
}

Saludos

PD: No copiar, pegar y usar sin revisarlo. Lo tipié recién y pude haberme confundido.

[sauwi]

Gracias por contestar.El problema de este codigo es la zona activa para hacer clic.En este caso seria el texto pero como no esta...

Saludos

[AlZuwaga]

Corregidos los estilos (¡me confundí muy mal!)

Código:

h1 {
margin: 0;
padding: 0;
text-indent: -9000px;
}

a {
display: block;
height: 80px;
width: 400px;
background-image: url(images/logo_sitio.gif);
}

Y no importa si no está el texto... la zona clickeable es la de todo el enlace cuyo texto no se ve (para el ejemplo 400*80 px)

[sauwi]

Perfecto si que funciona y valida.El codigo que yo he puesto es este

#logo {

margin: 0;
padding: 0;
text-indent: -9000px;
}
#logo a {
display = block;
height: 160px;
width: 400px;
left:50%;
margin-left: -200px;
position: absolute;
background-image: url(/images/logo.gif);
}


Lo unico que no queda muy bien es que cuando hago clic se ve como si el boton fuera muy grande,pero bueno no pasa nada.

Lo puedes ver en la web whois de mi firma

Saludos y muchas gracias

[AlZuwaga]

Hola, probá de ponerle outline: none a #logo a

Saludos

[sauwi]

Perfecto ya no sale.Eres un crack!!!!

Muchisimas gracias.Saludos