Re: [Ovillo] centra img dentro de de menos tamaño
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 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 . si no, no respecta a los dimensiones. te > dejo el codigo completo: > > > > http://ispartakule.biz/haberresim/test1.jpg"; alt="" style="margin: > -50%" /> > > > > El 14 de julio de 2011 15:28, David Merino escribió: > >> Hola Martin >> >> 2011/7/14 Martin Etxauri : >>> 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 , digamos que el 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 . >> 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
[Ovillo] ¿Por qué el ancho de un dentro de un se adapta automáticamente a la celda?
Buenos días. Hoy me he encontrado con un problemilla. Tengo una tabla cuyas celdas están contenidas por párrafos. La cosa es que aunque la celda tenga un ancho fijo, el párrafo usa el mismo espacio de la celda e ignora el width: auto. No me interesa poner un ancho fijo al párrafo porque el contenido es dinámico. Se me ocurrió poner un min-width pero ni caso... ¿Se os ocurre algo? Gracias! ___ 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
Re: [Ovillo] ¿Por qué el ancho de un dentro de un se adapta automáticamente a la celda?
Hola Marina: Los elementos de bloque, como el p, por defecto ocupan todo el ancho que pueden, para evitar ese compartamiento podrías probar convertirlo en un inline-block o flotarlo. Martín. El 15 de julio de 2011 04:35, Marina Gallardo escribió: > Buenos días. Hoy me he encontrado con un problemilla. Tengo una tabla cuyas > celdas están contenidas por párrafos. La cosa es que aunque la celda tenga > un ancho fijo, el párrafo usa el mismo espacio de la celda e ignora el > width: auto. No me interesa poner un ancho fijo al párrafo porque el > contenido es dinámico. Se me ocurrió poner un min-width pero ni caso... ¿Se > os ocurre algo? Gracias! > ___ > 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
Re: [Ovillo] ¿Por qué el ancho de un dentro de un se adapta automáticamente a la celda?
Genial, Martín. Ha funcionado perfectamente con el display: inline-block. ¡Eternamente agradecida! 2011/7/15 Martín Szyszlican > Hola Marina: > Los elementos de bloque, como el p, por defecto ocupan todo el ancho que > pueden, para evitar ese compartamiento podrías probar convertirlo en un > inline-block o flotarlo. > Martín. > > El 15 de julio de 2011 04:35, Marina Gallardo > escribió: > > > Buenos días. Hoy me he encontrado con un problemilla. Tengo una tabla > cuyas > > celdas están contenidas por párrafos. La cosa es que aunque la celda > tenga > > un ancho fijo, el párrafo usa el mismo espacio de la celda e ignora el > > width: auto. No me interesa poner un ancho fijo al párrafo porque el > > contenido es dinámico. Se me ocurrió poner un min-width pero ni caso... > ¿Se > > os ocurre algo? Gracias! > > ___ > > 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 > ___ 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
Re: [Ovillo] centra img dentro de de menos tamaño
Aunque no entiendo muy bien lo que quieres hacer. Veamos. 1. Tienes un de 100px 2. Dentro metes un de , no se, 200px 3. Dentro del va una 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 ___ 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
Re: [Ovillo] centra img dentro de de menos tamaño
> Aunque no entiendo muy bien lo que quieres hacer. Veamos. > > > 1. Tienes un de 100px > 2. Dentro metes un de , no se, 200px > 3. Dentro del va una > > 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{ > 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 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
Re: [Ovillo] centra img dentro de de menos tamaño
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 > >> 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 >> , digamos que el 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 . >> 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{ >> 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 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
[Ovillo] tr:hover no funciona en Firefox 5
Buenos días. He estado probando una tabla que tengo maquetada en Chrome y funciona perfectamente, pero en Firefox 5 nada, el tr no hace :hover. He cogido el ejemplo aislado y lo he probado en Firefox con JSFiddle para hacer la prueba de forma concreta. ¿Alguien sabe por qué ocurre esto? Muchas gracias. Prueba Prueba Prueba Prueba tr { border: 1px solid #ccc; } td { border-right: 1px solid #ccc; padding: 5px; } tr:hover { background-color #ccc; cursor: pointer; } ___ 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
Re: [Ovillo] centra img dentro de de menos tamaño
> Efectivamente la propiedad clip no permite el centrado automático, ya que > solo admin medidas en píxeles o ems pero no en porcentaje. perdón, donde pone "admin" debería ser "admite", cla, en que estarían mis manos pensando ;) demasiadas veces entrando en paneles de administración en pruebas :P ___ 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
Re: [Ovillo] centra img dentro de de menos tamaño
Si puedes poner la imagen como background del podrías centrarla con background-position:center ___ 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
Re: [Ovillo] tr:hover no funciona en Firefox 5
Y no será que te faltan los dos puntos detrás de 'background-color' ??? http://www.treeweb.es/ShareCode/3181c20bde3cfc31f8f2b39dca510836/css El 15 de julio de 2011 10:30, Marina Gallardo escribió: > > >Prueba >Prueba > > >Prueba >Prueba > > > > tr { >border: 1px solid #ccc; > } > > td { >border-right: 1px solid #ccc; >padding: 5px; > } > > tr:hover { > background-color #ccc; > cursor: pointer; > } > ___ 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
Re: [Ovillo] tr:hover no funciona en Firefox 5
Perdona, sí, efectivamente faltaban dos puntos, pero no consigo lo que quiero. No me aplica el hover a la fila entera. 2011/7/15 Gerardo Oscar Jimenez Tornos > Y no será que te faltan los dos puntos detrás de 'background-color' ??? > > http://www.treeweb.es/ShareCode/3181c20bde3cfc31f8f2b39dca510836/css > > > El 15 de julio de 2011 10:30, Marina Gallardo > escribió: > > > > > > >Prueba > >Prueba > > > > > >Prueba > >Prueba > > > > > > > > tr { > >border: 1px solid #ccc; > > } > > > > td { > >border-right: 1px solid #ccc; > >padding: 5px; > > } > > > > tr:hover { > > background-color #ccc; > > cursor: pointer; > > } > > > ___ > 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
Re: [Ovillo] tr:hover no funciona en Firefox 5
Pues sí, sí lo hace, pero debe haber en alguna parte del código algo que no me permite hacerlo... Seguiré investigando. 2011/7/15 Marina Gallardo > Perdona, sí, efectivamente faltaban dos puntos, pero no consigo lo que > quiero. No me aplica el hover a la fila entera. > > > 2011/7/15 Gerardo Oscar Jimenez Tornos > >> Y no será que te faltan los dos puntos detrás de 'background-color' ??? >> >> http://www.treeweb.es/ShareCode/3181c20bde3cfc31f8f2b39dca510836/css >> >> >> El 15 de julio de 2011 10:30, Marina Gallardo >> escribió: >> >> > >> > >> >Prueba >> >Prueba >> > >> > >> >Prueba >> >Prueba >> > >> > >> > >> > tr { >> >border: 1px solid #ccc; >> > } >> > >> > td { >> >border-right: 1px solid #ccc; >> >padding: 5px; >> > } >> > >> > tr:hover { >> > background-color #ccc; >> > cursor: pointer; >> > } >> > >> ___ >> 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
Re: [Ovillo] centra img dentro de de menos tamaño
Uhm, sip, pero al ser unos thumbnail de una galería no le veo mucho sentido poner todas como fondo ¿no? aparte si las quiero redimensionar necasito tirar de css3 ¿no?, creo. La cuestión es a ver si pillo un método decente para poder utilizarlo siempre, o casi siempre. gracias El 15/07/2011, a las 10:56, cmik22 escribió: > Si puedes poner la imagen como background del podrías centrarla con > background-position:center > ___ > 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
Re: [Ovillo] tr:hover no funciona en Firefox 5
Yo tengo firefox 5 y en el enlace que te he pasado funciona perfectamente. El 15 de julio de 2011 11:04, Marina Gallardo escribió: > Pues sí, sí lo hace, pero debe haber en alguna parte del código algo que no > me permite hacerlo... Seguiré investigando. > > 2011/7/15 Marina Gallardo > > > Perdona, sí, efectivamente faltaban dos puntos, pero no consigo lo que > > quiero. No me aplica el hover a la fila entera. > > > > > > 2011/7/15 Gerardo Oscar Jimenez Tornos > > > >> Y no será que te faltan los dos puntos detrás de 'background-color' ??? > >> > >> http://www.treeweb.es/ShareCode/3181c20bde3cfc31f8f2b39dca510836/css > >> > >> > >> El 15 de julio de 2011 10:30, Marina Gallardo > >> escribió: > >> > >> > > >> > > >> >Prueba > >> >Prueba > >> > > >> > > >> >Prueba > >> >Prueba > >> > > >> > > >> > > >> > tr { > >> >border: 1px solid #ccc; > >> > } > >> > > >> > td { > >> >border-right: 1px solid #ccc; > >> >padding: 5px; > >> > } > >> > > >> > tr:hover { > >> > background-color #ccc; > >> > cursor: pointer; > >> > } > >> > > >> ___ > >> 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 > ___ 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
Re: [Ovillo] tr:hover no funciona en Firefox 5
Sí, sí, ya he visto que no es un problema de Firefox sino de algún conflicto con alguna parte del CSS o de Javascript. Como uso Chrome de referencia y sale perfectamente creía que era un problema concreto con Firefox. Ya vi que no. Muchas gracias. 2011/7/15 Gerardo Oscar Jimenez Tornos > Yo tengo firefox 5 y en el enlace que te he pasado funciona perfectamente. > > El 15 de julio de 2011 11:04, Marina Gallardo > escribió: > > > Pues sí, sí lo hace, pero debe haber en alguna parte del código algo que > no > > me permite hacerlo... Seguiré investigando. > > > > 2011/7/15 Marina Gallardo > > > > > Perdona, sí, efectivamente faltaban dos puntos, pero no consigo lo que > > > quiero. No me aplica el hover a la fila entera. > > > > > > > > > 2011/7/15 Gerardo Oscar Jimenez Tornos > > > > > >> Y no será que te faltan los dos puntos detrás de 'background-color' > ??? > > >> > > >> http://www.treeweb.es/ShareCode/3181c20bde3cfc31f8f2b39dca510836/css > > >> > > >> > > >> El 15 de julio de 2011 10:30, Marina Gallardo > > >> escribió: > > >> > > >> > > > >> > > > >> >Prueba > > >> >Prueba > > >> > > > >> > > > >> >Prueba > > >> >Prueba > > >> > > > >> > > > >> > > > >> > tr { > > >> >border: 1px solid #ccc; > > >> > } > > >> > > > >> > td { > > >> >border-right: 1px solid #ccc; > > >> >padding: 5px; > > >> > } > > >> > > > >> > tr:hover { > > >> > background-color #ccc; > > >> > cursor: pointer; > > >> > } > > >> > > > >> ___ > > >> 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 > > > ___ > 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
Re: [Ovillo] Resumen de Ovillo, Vol 89, Envío 24
Laura García Munárriz Departamento de Diseño GRUPO ARAGÓN DIGITAL www.grupoaragondigital.es Teléfono 902 104 191 -Mensaje original- De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre de ovillo-requ...@lists.ovillo.org Enviado el: viernes, 15 de julio de 2011 14:01 Para: ovillo@lists.ovillo.org Asunto: Resumen de Ovillo, Vol 89, Envío 24 Envíe los mensajes para la lista Ovillo a ovillo@lists.ovillo.org Para subscribirse o anular su subscripción a través de la WEB http://lists.ovillo.org/mailman/listinfo/ovillo O por correo electrónico, enviando un mensaje con el texto "help" en el asunto (subject) o en el cuerpo a: ovillo-requ...@lists.ovillo.org Puede contactar con el responsable de la lista escribiendo a: ovillo-ow...@lists.ovillo.org Si responde a algún contenido de este mensaje, por favor, edite la linea del asunto (subject) para que el texto sea mas especifico que: "Re: Contents of Ovillo digest...". Además, por favor, incluya en la respuesta sólo aquellas partes del mensaje a las que está respondiendo. Asuntos del día: 1. Re: centra img dentro de de menos tamaño (Leonel Silva) 2. Re: Problemas atributo color e IE en CSS (Leonel Silva) 3. Re: Problemas atributo color e IE en CSS (Elena Ballesteros Molinero) 4. Re: Problemas atributo color e IE en CSS (Neftalí Guerrero (Nesta)) 5. Re: centra img dentro de de menos tamaño (David Merino) 6. Re: centra img dentro de de menos tamaño (Cagatay Gurturk) 7. Re: centra img dentro de de menos tamaño (Martin Etxauri) 8. ¿Por qué el ancho de un dentro de un se adapta automáticamente a la celda? (Marina Gallardo) 9. Re: ¿Por qué el ancho de un dentro de un se adapta automáticamente a la celda? (Martín Szyszlican) 10. Re: ¿Por qué el ancho de un dentro de un se adapta automáticamente a la celda? (Marina Gallardo) 11. Re: centra img dentro de de menos tamaño (jaume op) 12. Re: centra img dentro de de menos tamaño (Martin Etxauri) 13. Re: centra img dentro de de menos tamaño (Martin Etxauri) 14. tr:hover no funciona en Firefox 5 (Marina Gallardo) 15. Re: centra img dentro de de menos tamaño (Martin Etxauri) 16. Re: centra img dentro de de menos tamaño (cmik22) 17. Re: tr:hover no funciona en Firefox 5 (Gerardo Oscar Jimenez Tornos) 18. Re: tr:hover no funciona en Firefox 5 (Marina Gallardo) 19. Re: tr:hover no funciona en Firefox 5 (Marina Gallardo) 20. Re: centra img dentro de de menos tamaño (Martin Etxauri) 21. Re: tr:hover no funciona en Firefox 5 (Gerardo Oscar Jimenez Tornos) 22. Re: tr:hover no funciona en Firefox 5 (Marina Gallardo) -- Message: 1 Date: Thu, 14 Jul 2011 08:06:40 -0400 From: Leonel Silva Subject: Re: [Ovillo] centra img dentro de de menos tamaño To: "Ovillo, la lista de CSS en castellano" Message-ID: Content-Type: text/plain; charset=ISO-8859-1 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 > 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 > , digamos que el 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 . > 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{ >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 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
Re: [Ovillo] tr:hover no funciona en Firefox 5
si estas usando un archivo .css prueba cambiarle el nombre, he tenido algunos problemas cuando modifico estilos y es porque usa el que tiene en cache. Saludos Alejandro El 15 de julio de 2011 06:59, Marina Gallardo escribió: > Sí, sí, ya he visto que no es un problema de Firefox sino de algún > conflicto > con alguna parte del CSS o de Javascript. Como uso Chrome de referencia y > sale perfectamente creía que era un problema concreto con Firefox. Ya vi > que > no. Muchas gracias. > > 2011/7/15 Gerardo Oscar Jimenez Tornos > > > Yo tengo firefox 5 y en el enlace que te he pasado funciona > perfectamente. > > > > El 15 de julio de 2011 11:04, Marina Gallardo > > escribió: > > > > > Pues sí, sí lo hace, pero debe haber en alguna parte del código algo > que > > no > > > me permite hacerlo... Seguiré investigando. > > > > > > 2011/7/15 Marina Gallardo > > > > > > > Perdona, sí, efectivamente faltaban dos puntos, pero no consigo lo > que > > > > quiero. No me aplica el hover a la fila entera. > > > > > > > > > > > > 2011/7/15 Gerardo Oscar Jimenez Tornos > > > > > > > >> Y no será que te faltan los dos puntos detrás de 'background-color' > > ??? > > > >> > > > >> > http://www.treeweb.es/ShareCode/3181c20bde3cfc31f8f2b39dca510836/css > > > >> > > > >> > > > >> El 15 de julio de 2011 10:30, Marina Gallardo > > > >> escribió: > > > >> > > > >> > > > > >> > > > > >> >Prueba > > > >> >Prueba > > > >> > > > > >> > > > > >> >Prueba > > > >> >Prueba > > > >> > > > > >> > > > > >> > > > > >> > tr { > > > >> >border: 1px solid #ccc; > > > >> > } > > > >> > > > > >> > td { > > > >> >border-right: 1px solid #ccc; > > > >> >padding: 5px; > > > >> > } > > > >> > > > > >> > tr:hover { > > > >> > background-color #ccc; > > > >> > cursor: pointer; > > > >> > } > > > >> > > > > >> ___ > > > >> 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 > > > > > ___ > > 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 > ___ 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
Re: [Ovillo] Internet Explorer test drive
Dado que el enlace que envie es muy amplio, les dejo algo mas concreto del mismo. http://samples.msdn.microsoft.com/ietestcenter/ http://ie.microsoft.com/testdrive/Views/SiteMap/Default.html *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de santosvz *Enviado el: miércoles, 13 de julio de 2011 04:34 p.m. *Para: 'Ovillo, la lista de CSS en castellano' *Asunto: [Ovillo] Internet Explorer test drive * *Aquí les dejo un enlace que seguramente les resultara interesante, aunque *muy extenso en su contenido *http://ie.microsoft.com/testdrive/ * * * *___ *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
[Ovillo] Impresión: Repetir encabezado en cada página
Hola, estoy necesitando hacer un sistema de impresión en el que, si el contenido excede el alto de una página, hay que repetir el título y otra información. ¿Creen que podré usar HTML/CSS? ¿O lo hago con PDF? La desventaja del PDF es que el usuario tendría que clickear "imprimir" dos veces (una en la página y otra en el visor de PDF). Pero realmente no sé si el html permite detectar el final de la página ¿Ustedes saben? Martín. ___ 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
Re: [Ovillo] Internet Explorer test drive
Gracias compañero. El viernes 15 de julio de 2011, santosvz escribió: > Dado que el enlace que envie es muy amplio, les dejo algo mas concreto del > mismo. > http://samples.msdn.microsoft.com/ietestcenter/ > > http://ie.microsoft.com/testdrive/Views/SiteMap/Default.html > > > *-Mensaje original- > *De: ovillo-boun...@lists.ovillo.org > [mailto:ovillo-boun...@lists.ovillo.org] En nombre > *de santosvz > *Enviado el: miércoles, 13 de julio de 2011 04:34 p.m. > *Para: 'Ovillo, la lista de CSS en castellano' > *Asunto: [Ovillo] Internet Explorer test drive > * > *Aquí les dejo un enlace que seguramente les resultara interesante, aunque > *muy extenso en su contenido > *http://ie.microsoft.com/testdrive/ > * > * > * > *___ > *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 > -- Neftalí Guerrero Pancorbo (Nesta) Área de Proyectos Emergya Consultoría Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 www.emergya.es ___ 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
Re: [Ovillo] Impresión: Repetir encabezado en cada página
Pero ehm, tienes plantillas para ese? No se si te sirve solo con poner un css de impresion, explica un poco mas, le damos una vuelta y si tienes codigo pásalo!! Saludos compañero! El viernes 15 de julio de 2011, Martín Szyszlican escribió: > Hola, estoy necesitando hacer un sistema de impresión en el que, si el > contenido excede el alto de una página, hay que repetir el título y otra > información. > ¿Creen que podré usar HTML/CSS? ¿O lo hago con PDF? > > La desventaja del PDF es que el usuario tendría que clickear "imprimir" dos > veces (una en la página y otra en el visor de PDF). > Pero realmente no sé si el html permite detectar el final de la página > ¿Ustedes saben? > > Martín. > ___ > 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 > -- Neftalí Guerrero Pancorbo (Nesta) Área de Proyectos Emergya Consultoría Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 www.emergya.es ___ 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
Re: [Ovillo] Impresión: Repetir encabezado en cada página
no creo que sea posible con html/css. -- Ç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 El 15/07/2011, a las 21:51, "Martín Szyszlican" escribió: > Hola, estoy necesitando hacer un sistema de impresión en el que, si el > contenido excede el alto de una página, hay que repetir el título y otra > información. > ¿Creen que podré usar HTML/CSS? ¿O lo hago con PDF? > > La desventaja del PDF es que el usuario tendría que clickear "imprimir" dos > veces (una en la página y otra en el visor de PDF). > Pero realmente no sé si el html permite detectar el final de la página > ¿Ustedes saben? > > Martín. > ___ > 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
Re: [Ovillo] Impresión: Repetir encabezado en cada página
En CSS3 hay un módulo llamado "Paged Media" específico para eso: *"It adds functionality for pagination, page margins, page size and orientation, headers and footers, widows and orphans, and image orientation. Finally it extends generated content to enable page numbering and running headers / footers."* *http://www.w3.org/TR/css3-page/* Me temo que el soporte no debe estar muy extendido aún, pero es cuestión de investigar y de los requisitos del proyecto. * * Un saludo, Diego. * * El 15 de julio de 2011 22:31, Cagatay Gurturk escribió: > no creo que sea posible con html/css. > > -- > Ç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 > > El 15/07/2011, a las 21:51, "Martín Szyszlican" > escribió: > > > Hola, estoy necesitando hacer un sistema de impresión en el que, si el > > contenido excede el alto de una página, hay que repetir el título y otra > > información. > > ¿Creen que podré usar HTML/CSS? ¿O lo hago con PDF? > > > > La desventaja del PDF es que el usuario tendría que clickear "imprimir" > dos > > veces (una en la página y otra en el visor de PDF). > > Pero realmente no sé si el html permite detectar el final de la página > > ¿Ustedes saben? > > > > Martín. > > ___ > > 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 > ___ 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
Re: [Ovillo] Impresión: Repetir encabezado en cada página
En este link a una página de Microsoft hay más información al respecto de lo que es posible actualmente usando las características de impresión de CSS2.1 que parece que el IE8 soporta muy bien: http://msdn.microsoft.com/en-us/library/dd433064(v=vs.85).aspx El 15 de julio de 2011 22:37, Reactivo Química Visual escribió: > En CSS3 hay un módulo llamado "Paged Media" específico para eso: > > *"It adds functionality for pagination, page margins, page size and > orientation, headers and footers, widows and orphans, and image orientation. > Finally it extends generated content to enable page numbering and running > headers / footers."* > *http://www.w3.org/TR/css3-page/* > > Me temo que el soporte no debe estar muy extendido aún, pero es cuestión de > investigar y de los requisitos del proyecto. > * > * > Un saludo, > Diego. > * > * > El 15 de julio de 2011 22:31, Cagatay Gurturk escribió: > > no creo que sea posible con html/css. >> >> -- >> Ç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 >> >> El 15/07/2011, a las 21:51, "Martín Szyszlican" >> escribió: >> >> > Hola, estoy necesitando hacer un sistema de impresión en el que, si el >> > contenido excede el alto de una página, hay que repetir el título y otra >> > información. >> > ¿Creen que podré usar HTML/CSS? ¿O lo hago con PDF? >> > >> > La desventaja del PDF es que el usuario tendría que clickear "imprimir" >> dos >> > veces (una en la página y otra en el visor de PDF). >> > Pero realmente no sé si el html permite detectar el final de la página >> > ¿Ustedes saben? >> > >> > Martín. >> > ___ >> > 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 >> > > ___ 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
Re: [Ovillo] Impresión: Repetir encabezado en cada página
Muchas gracias. Voy a leer eso. El proyecto ya usa css3 ya que es sólo para navegadores modernos y es una población cautiva. Si tengo alguna duda más les preguntare. Saludos! El 15/07/11, Reactivo Química Visual escribió: > En CSS3 hay un módulo llamado "Paged Media" específico para eso: > > *"It adds functionality for pagination, page margins, page size and > orientation, headers and footers, widows and orphans, and image orientation. > Finally it extends generated content to enable page numbering and running > headers / footers."* > *http://www.w3.org/TR/css3-page/* > > Me temo que el soporte no debe estar muy extendido aún, pero es cuestión de > investigar y de los requisitos del proyecto. > * > * > Un saludo, > Diego. > * > * > El 15 de julio de 2011 22:31, Cagatay Gurturk > escribió: > >> no creo que sea posible con html/css. >> >> -- >> Ç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 >> >> El 15/07/2011, a las 21:51, "Martín Szyszlican" >> escribió: >> >> > Hola, estoy necesitando hacer un sistema de impresión en el que, si el >> > contenido excede el alto de una página, hay que repetir el título y otra >> > información. >> > ¿Creen que podré usar HTML/CSS? ¿O lo hago con PDF? >> > >> > La desventaja del PDF es que el usuario tendría que clickear "imprimir" >> dos >> > veces (una en la página y otra en el visor de PDF). >> > Pero realmente no sé si el html permite detectar el final de la página >> > ¿Ustedes saben? >> > >> > Martín. >> > ___ >> > 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 >> > ___ > 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 -- Enviado desde mi dispositivo móvil ___ 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