problema con los enlaces en IE7

[edes]

Buenos dias.
Estoy acabando la sección de esta web
http://www.estudiodigital.es/galeria/
que consiste en galerias de arte virtuales...
Pues bien, los enlaces para acceder a cada una de ellas, funcionan perfectamente en chrome, firefox e IE8, pero en IE7 no salen los enlcaes (ni las manitas al pasar por encima)
¿Se os ocurre por que puede ser?
Muchas gracias por adelantado!
un saludo

[emprear]

El problema en concreto se produce en IE7, no en IE8, si bien tienes unos cuantos errores a la hora de validar, en concreto para el tema de los enlaces es estructurarlos de otra manera


Ejemplo:

tienes:

Código HTML:

<li>
<a href="http://www.estudiodigital.es/galeria/albums/ver/3/4">
<div class="categoria"><img src="http://www.estudiodigital.es/galeria/app/img/categorias/190pintura.jpg" alt="categoria de la galeria" /></div>
<div class="imagen"><img src="http://www.estudiodigital.es/galeria/albums/3/zairaster_libros56-2.jpg" alt="" width="187" /></div>
<div class="autor"><h3>Alan D'Nuit</h3></div>
<div class="autor"><h4>diferentes motivos</h4></div>
<div class="presentacion">Algunos cuadros viejos, relacionados a la música. Algunas obras al oleo también. Los soportes son el papel, el lienzo o la madera.</div>
</a>
</li>
 

Deberias

<li>

<div class="categoria"><a href="http://www.estudiodigital.es/galeria/albums/ver/3/4"><img src="http://www.estudiodigital.es/galeria/app/img/categorias/190pintura.jpg" alt="categoria de la galeria" /></a></div>
<div class="imagen"><img src="http://www.estudiodigital.es/galeria/albums/3/zairaster_libros56-2.jpg" alt="" width="187" /></div>
<div class="autor"><h3>Alan D'Nuit</h3></div>
<div class="autor"><h4>diferentes motivos</h4></div>
<div class="presentacion">Algunos cuadros viejos, relacionados a la música. Algunas obras al oleo también. Los soportes son el papel, el lienzo o la madera.</div>
</a>
</li>

Aqui solo esta aplicado a la imagen que dice "Pintura" sobre la tercera miniatura, podrias repetir el vínculo para el texto y la miniatura, yo te recomendaria que hagas el vinculo sobre la miniatura solamente, se entiende perfectamente si esta asi.

Saludos

[mayid]

@emprear: la idea del link es que envuelva todo: la categoria, la foto, el titulo, la descripcion... Tu propones envolver cada item en un enlace diferente, o incluso poner solo uno (para una foto). Pero por que IE7 tiene ese problema?

[JavierB]

Hola edes

Muevo tu tema al foro de HTML desde Web general.

Saludos,

[emprear]

Iniciado por mayid

@emprear: la idea del link es que envuelva todo: la categoria, la foto, el titulo, la descripcion... Tu propones envolver cada item en un enlace diferente, o incluso poner solo uno (para una foto). Pero por que IE7 tiene ese problema?

mencioné cierto errores del validador, no sé si exactamente esta todo bien anidado, al margen, creo que el problema se centra en el contener elementos de bloque dentro de elementos inline.

Me olvidé de comentar que el link, en el código original si está reconocido, pero sobre el texto inferior solamente (siempre me refeiero a Ie7), aunque el cursor no se refleja como "pointer", esa podría ser otra alternativa, aplicar vis css el tipo de cursor, pero solo funcionaria como dije , sobre el párrafo

Saludos

[mayid]

Veo. El elemento div dentro de un link no funciona bien. Igual, ni con span funciona bien, y ni habiendo validado el html en la w3c.

Lo que funciona es no poner nada en el medio entre el link y la imagen. Es raro este IE7!