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
