[Ovillo] problema con floats y text-wrap
Tengo el siguiente escenario: un contenedor, (p.img-l)flotado a la izquierda, que contiene una imagen (span.picture) y un texto descriptivo de la imagen (span.caption) ese contenedor, rodeado de texto. la imagen es de dimensiones variables, por lo que no puedo darle un ancho fijo a .img-l El problema es que span.caption se alarga más allá de las dimensiones de la imagen, y yo quisiera que se adaptara al ancho de la imagen. No encuentro manera de hacer esto, a alguien se le ocurre como? Aqui esta la pagina que muestra el problema: http://monolinea.com/clients/csstests/imgstest.html gracias! Kemie Guaida :: http://www.monolinea.com http://www.istockphoto.com/kemie ___ 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] problema con floats y text-wrap
No hay manera de hacer eso, salvo que le des un ancho a p.img-I On Mon, Jan 12, 2009 at 10:24 AM, Kemie Guaida li...@monolinea.com wrote: Tengo el siguiente escenario: un contenedor, (p.img-l)flotado a la izquierda, que contiene una imagen (span.picture) y un texto descriptivo de la imagen (span.caption) ese contenedor, rodeado de texto. la imagen es de dimensiones variables, por lo que no puedo darle un ancho fijo a .img-l El problema es que span.caption se alarga más allá de las dimensiones de la imagen, y yo quisiera que se adaptara al ancho de la imagen. No encuentro manera de hacer esto, a alguien se le ocurre como? Aqui esta la pagina que muestra el problema: http://monolinea.com/clients/csstests/imgstest.html gracias! Kemie Guaida :: http://www.monolinea.com http://www.istockphoto.com/kemie ___ 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 -- ↓ Ignacio Ricci www.ignacioricci.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
Re: [Ovillo] problema con floats y text-wrap
meter los los span span.caption y span.picture dentro de un div, y que
los span se comporten como bloquedisplay:block; es decir,
en html esto:
p.img-l
div class=imagen
span.picture/span
span.caption/span
/div
/p
en css esto:
div.imagen{width:XXX;}
span.picture, span.caption {display:block;} /* asi los dos span tendran el
ancho igual, en este caso el tampaño de su div superior: div.imagen */
espero que te sirva, saludos
2009/1/12 Kemie Guaida li...@monolinea.com
Tengo el siguiente escenario:
un contenedor, (p.img-l)flotado a la izquierda, que contiene una imagen
(span.picture) y un texto descriptivo de la imagen (span.caption)
ese contenedor, rodeado de texto.
la imagen es de dimensiones variables, por lo que no puedo darle un
ancho fijo a .img-l
El problema es que span.caption se alarga más allá de las dimensiones de
la imagen, y yo quisiera que se adaptara al ancho de la imagen.
No encuentro manera de hacer esto, a alguien se le ocurre como?
Aqui esta la pagina que muestra el problema:
http://monolinea.com/clients/csstests/imgstest.html
gracias!
Kemie Guaida
::
http://www.monolinea.com
http://www.istockphoto.com/kemie
___
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] problema con floats y text-wrap
me lo temía. creo que terminaré haciendo un tamaño chico, uno mediano y uno grande para .img-l que por lo menos de la flexibilidad de que no quede demasiado desproporcionado gracias! Original Message No hay manera de hacer eso, salvo que le des un ancho a p.img-I On Mon, Jan 12, 2009 at 10:24 AM, Kemie Guaida li...@monolinea.com wrote: Tengo el siguiente escenario: un contenedor, (p.img-l)flotado a la izquierda, que contiene una imagen (span.picture) y un texto descriptivo de la imagen (span.caption) ese contenedor, rodeado de texto. la imagen es de dimensiones variables, por lo que no puedo darle un ancho fijo a .img-l El problema es que span.caption se alarga más allá de las dimensiones de la imagen, y yo quisiera que se adaptara al ancho de la imagen. No encuentro manera de hacer esto, a alguien se le ocurre como? Aqui esta la pagina que muestra el problema: http://monolinea.com/clients/csstests/imgstest.html gracias! Kemie Guaida :: http://www.monolinea.com http://www.istockphoto.com/kemie ___ 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 No virus found in this incoming message. Checked by AVG - http://www.avg.com Version: 8.0.176 / Virus Database: 270.10.5/1886 - Release Date: 1/10/2009 6:01 PM ___ 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] problema con floats y text-wrap
esa esta buena nacho! no se si pueda meter mano en el javascript, pero
si no para esta, para otra ocasion seguro me sirve! muchas gracias!
kemie
Original Message
No es eso lo que esta preguntando esteban...
Kemie, te hice una solución usando Jquery (JS). Fijate si quetes usarla, te
la dejo aca:
http://www.ignacioricci.com/alphas/jquery/kemie-ovillo.html
Un saludo,
Nacho.
2009/1/12 sebastian garcia-valenciano sebast...@garcia-valenciano.net
meter los los span span.caption y span.picture dentro de un div, y que
los span se comporten como bloquedisplay:block; es decir,
en html esto:
p.img-l
div class=imagen
span.picture/span
span.caption/span
/div
/p
en css esto:
div.imagen{width:XXX;}
span.picture, span.caption {display:block;} /* asi los dos span tendran el
ancho igual, en este caso el tampaño de su div superior: div.imagen */
espero que te sirva, saludos
2009/1/12 Kemie Guaida li...@monolinea.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
No virus found in this incoming message.
Checked by AVG - http://www.avg.com
Version: 8.0.176 / Virus Database: 270.10.5/1886 - Release Date: 1/10/2009
6:01 PM
___
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
