Usar div como enlace

elalmacen60 · #1 (**permalink**) 18/10/2010, 13:18

Hola tengo un div donde tengo un background image y dentro un h5. Yo necesito que todo el div se trandforme en enlace. si todo el div me lo envuelve un <a href> en ff me funciona pero no en IE. Alguien tiene una idea.

kseso? · #2 (**permalink**) 18/10/2010, 14:01

Un elemento de en línea, como los enlaces, no puede contener elementos de bloque.
Es posible lograrlo, sólo tiene que hacer coincidir el tamaño del enlace con el del div que lo contiene. O bien marcando los tamaños (anchura/altura) para que coincidan o bien con ayuda del padding del enlace, por ejemplo. Eso sí, debería declarar el enlace como /display:block/

hdennison · #3 (**permalink**) 18/10/2010, 14:22

con HTML5 si puedes meter elementos de bloque dentro de un enlace, mientras tanto, puedes simular este comportamiento vía javascript.

emprear · #4 (**permalink**) 18/10/2010, 23:07

Como te ha sugerido Kseso, transformar tu <a> en un elemento de Bloque, una vez hecho esto le das el formato que quieras, tamaño del texto, imagen de fondo, fuente, etc. Para que el div y el h1?

saludos

BloodShadow · #5 (**permalink**) 19/10/2010, 17:14

es un mal uso de la etiqueta <a></a> :(

emprear · #6 (**permalink**) 19/10/2010, 17:18

Cita:

Iniciado por BloodShadow

es un mal uso de la etiqueta <a></a> :(

Podés justificar por favor

angelAparicio · #7 (**permalink**) 20/10/2010, 05:18

Puedes simular el enlace con javascript:

Código HTML:

Ver original<div onclick="document.location='http://www.google.es'" style="cursor: pointer">
    <h2>PRUEBA</h2>
    <p>Aquí un texto.</p>
    <a href="http://www.google.es" style="display: none">Enlace sin javascript</a>
</div>

El enlace de abajo es por accesibilidad, para los que no tengan activado javascript, pero no es necesario.