> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
