debes usar display:block en <a>. si no, no respecta a los dimensiones. te
dejo el codigo completo:

   <a href="#" style="width: 100px;height: 100px;overflow:hidden;display:
block;">

<img src="http://ispartakule.biz/haberresim/test1.jpg"; alt="" style="margin:
-50%" />

</a>

El 14 de julio de 2011 15:28, David Merino <[email protected]> escribió:

> Hola Martin
>
> 2011/7/14 Martin Etxauri <[email protected]>:
> > Hola a todos
> >
> > Vengo a ver si alguien conoce una algo que creo que no existe :)
> >
> > El tema es para unas miniaturas de una galería, tenemos un img dentro de
> un <a>, digamos que el <a> tiene 100px de alto y de ancho y la imagen 100 de
> alto y 200 de ancho de manera que la imagen queda recortada dentro del <a>.
> La cuestión es centrar esa imagen dentro del a para que en el recorte se vea
> el centro. El verdadero problema es que las imágenes no tendrán todas la
> misma proporción y por ende serán de ancho variable, no tendrán todas 200px.
> > ¿alguien conoce alguna solución milagrosa?
> >
>
> los estilos del 'a' tal y como tú los tienes.
>
> img { margin: -50% }
>
> > gracias a todos.
> >
> > saludos
> >
> > Martin
>
> Un saludo,
> David
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Çağatay Gürtürk

itusozluk.com - Kovan Yazılım Reklam Org. Tic. Ltd. Şti.

Emektar Sk. No: 1 D: 6 Gümüşsuyu/İstanbul

+90 530 204 96 03

+90 212 245 85 65
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a