> Aunque no entiendo muy bien lo que quieres hacer. Veamos. > > > 1. Tienes un <a> de 100px > 2. Dentro metes un <span> de , no se, 200px > 3. Dentro del <span> va una <img /> > > Quiza pueda funcionar: > > a { display:block; text.align:center} >> span {display:block; margin:0 auto;} y quizas >> img {text.align:center;margin:0 auto;} //display block, o quiza inline? > > > Es jugar un poco con el centrado de elementos y que estos se centren entre > ellos > > Saludos > Jaume
Hola Jaume Si entiendo bien lo que me propones esta es la solución A) que daba yo en el primer mail ¿no? (la pego debajo) Y efectivamente funciona, de hecho es mi opción actual, pero prefería ahorrarme el span si es que alguien tenía la solución :) la pego aquí: > A) Meter el img dentro de un span de mayor tamaño: > > <a ... ><span><img ... /></span></a> > > a{ > display:block: > width: 100px; > height: 100px; > overflow:hidden; > ... > } > span{ > display:block: > height:100px; > width:300px; /*en cualquier caso una medida mayor que cualquiera de las > fotos que entrarán*/ > margin-left:-100px;/*o lo que haga falta para que el span quede > centrado en el <a> según el width del span*/ > text-align:center; > } > > en vez del margin-left también podemos usar un position:relative; y > left:-100px; que igual es mejor. > pero claro, aquí no me mola que ese span no pinta nada ahí. _______________________________________________ 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