mmm, entiendo.
He estado mirando y lo he conseguido ver bien en Firefox [-moz-background-size] (que es uno de los que tenia a mano).
El problema es que veo que IE aún no soporta nada de esto y como tengo que hacerlo lo más compatible con todo dentro de lo posible pues creo que no me va a servir este método.
Voy a explicar lo que pretendo.
Partimos de esto:
Código HTML:
<a class="clicka" href="url.en.cuestion.com" title="Titulo">
<span class="thumb_p" style="background-image: url(' images/imagen.jpg ' )" >
</span>Descripción</a> Donde el estilo "clicka" esta definido así:
Código HTML:
*.clicka{ color: black; display: block; padding: .5em;
border-bottom: 1px solid #FFFFFF; margin: 0; cursor: pointer }
y el "thumb_p" así:
Código HTML:
span.thumb_p{ height: 120px; display: block; width: 100%;
background-position: bottom center; background-repeat: no-repeat }
Pues bien el problema es que necesito especificar un tamaño concreto para la imagen "background_image", pero ya que parece que IE no lo soporta como he comentado arriba, pues se me ha ocurrido poner la imagen no como background sino normal así:
Código HTML:
<a class="clicka" href="url.en.cuestion.com" title="Titulo">
<span class="thumb_p" >
<img src="images/imagen.jpg" width="50" height="25"> </span> Descripción</a>
Pues bien, se muestra correctamente, pero me aparece otro problema con IE (
los otros navegadores van bien) y es que al hacer click a la imagen no sigue la URL, tengo que hacer click en el texto "descripción" sino no hace nada...
Gracias por cualquier idea