Cita:
Iniciado por ebestudio 
Hola gente, soy nuevo y espero poder ayudar asi como tambien lo hacen todos ustedes. Mi problema es con el IE7... este es mi código:
<a class="link-blindado" href="#">
<span class="blindado"><img src="images/autoblindado.png" alt=""/></span>
<p class="titb">Título</p>
<p class="sbtb">Texto descriptivo</p>
</a>
Bueno... el código está validado y logro lo que quiero en IE8 y 9, Firefox, Chrome, Safari... pero no en IE7. La imagen aparece, pero no toma las propiedades del botón, o sea, cuando posiciono el mouse sobre ella, aparece el cursor "default" sin heredar el href del elemento "a".
Espero haber sido claro y que me puedan ayudar!!
Gracias!.
lamentablemente uno de los defecto de HTML5, es que dá esa estructura como válida, la permisividad con que trata el html, es a mi juicio una involución, bueno, pero es un detalle nomás.
Te cuento, al menos en IE9 visto con el motor de IE7 en las herramientas de desarrollo, la mano del cursor aparece en los tres casos, la imagen, el primer párrafo y el segundo, ahora, en cuanto pasas de un elemento al otro, el cursor pasa a ser default, tanto por el break que crean naturalmente los <p> como por los margenes por defecto que conllevan, ahora, si todos los elementos forman parte del mismo link? cual es el objeto de esos dos párrafos? lo más adecuado sería poner
Código HTML:
Ver original<!DOCTYPE html>
<a class="link-blindado" href="#"> <span class="blindado"><img src="cargando.gif" alt=""/></span><br /> <span class="sbtb">Texto descriptivo
</span>
De esta nmanera vas a conseguir un bloque más compacto y semánticamente apropiado
Y como recurso extra , te quedan las clases para formatear con el css
SAludos