Re: [Ovillo] centra img dentro de a 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 a 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 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 jube...@gmail.com escribió:
Hola Martin
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.
¿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 p dentro de un td 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 p dentro de un td 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 marinagalla...@gmail.comescribió: 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 p dentro de un td 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 marti...@gmail.com 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 marinagalla...@gmail.comescribió: 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 a de menos tamaño
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
___
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 a de menos tamaño
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 ... spanimg ... //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
Re: [Ovillo] centra img dentro de a 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.orgq=clipsearch-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 ... spanimg ... //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
[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.
table
tr
tdPrueba/td
tdPrueba/td
/tr
tr
tdPrueba/td
tdPrueba/td
/tr
table
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 a 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 a de menos tamaño
Si puedes poner la imagen como background del A 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
marinagalla...@gmail.comescribió:
table
tr
tdPrueba/td
tdPrueba/td
/tr
tr
tdPrueba/td
tdPrueba/td
/tr
table
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 gerardoosca...@gmail.com
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
marinagalla...@gmail.comescribió:
table
tr
tdPrueba/td
tdPrueba/td
/tr
tr
tdPrueba/td
tdPrueba/td
/tr
table
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 marinagalla...@gmail.com
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 gerardoosca...@gmail.com
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
marinagalla...@gmail.comescribió:
table
tr
tdPrueba/td
tdPrueba/td
/tr
tr
tdPrueba/td
tdPrueba/td
/tr
table
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 a 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 A 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
marinagalla...@gmail.comescribió:
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 marinagalla...@gmail.com
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 gerardoosca...@gmail.com
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
marinagalla...@gmail.comescribió:
table
tr
tdPrueba/td
tdPrueba/td
/tr
tr
tdPrueba/td
tdPrueba/td
/tr
table
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 gerardoosca...@gmail.com
Yo tengo firefox 5 y en el enlace que te he pasado funciona perfectamente.
El 15 de julio de 2011 11:04, Marina Gallardo
marinagalla...@gmail.comescribió:
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 marinagalla...@gmail.com
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 gerardoosca...@gmail.com
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
marinagalla...@gmail.comescribió:
table
tr
tdPrueba/td
tdPrueba/td
/tr
tr
tdPrueba/td
tdPrueba/td
/tr
table
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 a 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 a de menos tamaño (David Merino)
6. Re: centra img dentro de a de menos tamaño (Cagatay Gurturk)
7. Re: centra img dentro de a de menos tamaño (Martin Etxauri)
8. ¿Por qué el ancho de un p dentro de un td se adapta
automáticamente a la celda? (Marina Gallardo)
9. Re: ¿Por qué el ancho de un p dentro de un td se adapta
automáticamente a la celda? (Martín Szyszlican)
10. Re: ¿Por qué el ancho de un p dentro de un td se adapta
automáticamente a la celda? (Marina Gallardo)
11. Re: centra img dentro de a de menos tamaño (jaume op)
12. Re: centra img dentro de a de menos tamaño (Martin Etxauri)
13. Re: centra img dentro de a de menos tamaño (Martin Etxauri)
14. tr:hover no funciona en Firefox 5 (Marina Gallardo)
15. Re: centra img dentro de a de menos tamaño (Martin Etxauri)
16. Re: centra img dentro de a 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 a 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 lsi...@gmail.com
Subject: Re: [Ovillo] centra img dentro de a de menos tamaño
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Message-ID:
CAGfFm2q-OsG08nz_=ZFND+m32=cmuqokfnusvq+p9qesunl...@mail.gmail.com
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.orgq=clipsearch-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 ... spanimg ... //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
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
marinagalla...@gmail.comescribió:
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 gerardoosca...@gmail.com
Yo tengo firefox 5 y en el enlace que te he pasado funciona
perfectamente.
El 15 de julio de 2011 11:04, Marina Gallardo
marinagalla...@gmail.comescribió:
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 marinagalla...@gmail.com
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 gerardoosca...@gmail.com
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
marinagalla...@gmail.comescribió:
table
tr
tdPrueba/td
tdPrueba/td
/tr
tr
tdPrueba/td
tdPrueba/td
/tr
table
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 santo...@graficssvz.com 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 marti...@gmail.com 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 marti...@gmail.com 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 caga...@itusozluk.comescribió: 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 marti...@gmail.com 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 conta...@reactivo.esescribió: 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 caga...@itusozluk.comescribió: 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 marti...@gmail.com 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 conta...@reactivo.es 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 caga...@itusozluk.comescribió: 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 marti...@gmail.com 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
