Aupa Gracias a los dos, pero esta solución ya la había probado y no resulta, el margin-left:-50% no resulta en el 50% del width del img, si no en el 50% del widht del <a> con lo que resulta como si ponemos -50px y no se adapta según la anchura de las diferentes imágenes.
saludos El 14/07/2011, a las 14:45, Cagatay Gurturk escribió: > 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 <jube...@gmail.com> escribió: > >> Hola Martin >> >> 2011/7/14 Martin Etxauri <t...@eragin.com>: >>> 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 Ovillo@lists.ovillo.org >> 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 Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
![http://ispartakule.biz/haberresim/test1.jpg"](http://ispartakule.biz/haberresim/test1.jpg"){kind=link}