Aupa Efectivamente la propiedad clip no permite el centrado automático, ya que solo admin medidas en píxeles o ems pero no en porcentaje.
Eso si, me ha parecido interesante el comportamiento de clip con las medidas de arriba e izquierda, que marcan el punto de origen del clip, puestas en píxeles y las medida de derecha y abajo, que marcan la altura y anchura del recorte en em, te da un punto de partida fijo pero un alto y ancho variables según el tamaño de texto, no se, me da que alguna utilidad curiosa puede tener :) Y bueno, he estado mirando y no está obsoleta si no que es parte de CSS3, que también trae background-clip Saludos y gracias. El 14/07/2011, a las 14:06, Leonel Silva escribió: > Existe una propiedad clip (o existía) dentro del css qu ete permitía > recortar cosas tal como necesitas (aunque no estoy seguro que permita del > centro hacia afuera) no sé si está deprecada, igual t emando los enlaces > directo al w3c. > > http://www.w3.org/wiki/CSS/Properties/clip > http://www.w3.org/TR/CSS2/visufx.html > http://www.google.com/search?q=site:w3.org&q=clip&search-submit= > > 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. >> >> Yo tengo dos maneras, pero busco una tercera milagrosa :) (que no he >> encontrado en internet, cla) >> >> 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í. >> >> >> B) Hacer lo mismo que hacemos con el span con la img y calcular el >> margin-left en base a la anchura de la imagen mediante programación. >> >> Pero claro, aquí le metes a hacer cálculos por cada miniatura y aparte del >> trabajo extra de programación le va a costar mas cargar todo, además de que >> tendrías que meter el margin-left inline... y bueno, que molaría poder >> hacerlo solo con css. >> >> ¿alguien conoce alguna solución milagrosa? >> >> gracias a todos. >> >> saludos >> >> Martin >> _______________________________________________ >> 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 >> > > > > -- > ---------------------------------- > Caracas - Venezuela > www.leonelsilva.com > _______________________________________________ > 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
