Claro, eso es lo que yo pensaba. Pensaba en la escalabilidad de hacerlo, por ejemplo en un blog de WordPress, usando esa técnica. Si me decís que ese texto va a estar siempre igual, si es posible. Es cuestion de hacer 3 floats y un clear.
2009/10/30 Reactivo Química Visual <[email protected]> > Buenas, > > Yo creo que sabiendo los tamaños exactos de cada uno de los elementos puede > hacerse perfectamente lo que santos muestra en la imagen. > > Es decir, hay un párrafo superior, tres columnas (la del medio sería la > imagen) y un párrafo inferior. Pues se flotan las tres columnas y en paz. > El > problema es si se quiere hacer adaptable al contenido, ¿me equivoco?. > > > El 30 de octubre de 2009 12:19, Ignacio Ricci <[email protected] > >escribió: > > > Mario, ya he visto ese ejemplo antes. > > Pero lo que hace Trevor en su sitio es "simular" como quedaría, no es un > > ejemplo útil para la actualidad. > > > > Fijate que la imagen esta puesta con z-index 100 y tapa el texto... > > Y hay 2 columnas, una del lado izquierdo de la imagen y otro del derecho. > > No se puede hacer como la imagen propuesta por santosvz porque ahi tenés > un > > parrafo arriba, las 2 columnas, y luego otro parrafo. > > > > Entonces, como dije antes, es imposible, hasta que realmente exista el > > float > > center. > > > > 2009/10/30 Mario Álvarez <[email protected]> > > > > > Échale un vistazo a esto: http://trevordavis.net/play/float-center/ > > > > > > > > > > > > 2009/10/29 Ignacio Ricci <[email protected]> > > > > > > > Eso es imposible. Salvo que inventes el float center... > > > > > > > > 2009/10/30 santosvz <[email protected]> > > > > > > > > > Disculpa el error la imagen ejemplo es : > > > > http://i38.tinypic.com/rm38mw.jpg > > > > > Estaba revisando otro ejemplo y me equivoque de imagen > > > > > > > > > > Un cordial saludo y que tengas un feliz dia. > > > > > SantosVZ > > > > > > > > > > > > > > > > > > > > (-:-----Mensaje original----- > > > > > (-:De: [email protected] [mailto: > > > > > [email protected]] En > > > > > (-:nombre de Mario Álvarez > > > > > (-:Enviado el: Miércoles, 28 de Octubre de 2009 09:39 p.m.- Santos- > > > > > (-:Para: Ovillo, la lista de CSS en castellano > > > > > (-:Asunto: Re: [Ovillo] Posicionar imagen dentro de texto > > > > > (-: > > > > > (-:Lo del float de la imágen si te lo espondieron, es un problema > con > > > un > > > > > (-:overflow:hidden. > > > > > (-:En cuanto a esta consulta pues... al igual que Ignacio... no la > > > > > entiendo... > > > > > (-: > > > > > (-:¿Quieres situar un <img> dentro de un <p>???? > > > > > (-: > > > > > (-:2009/10/28 Ignacio Ricci <[email protected]> > > > > > (-: > > > > > (-:> No entiendo la pregunta. > > > > > (-:> > > > > > (-:> 2009/10/28 santosvz <[email protected]> > > > > > (-:> > > > > > (-:> > Hace tiempo que guarde un ejemplo de cómo colocar una imagen > > > > dentro > > > > > de > > > > > (-:un > > > > > (-:> > texto, pero no la encuentro. > > > > > (-:> > Alguien tiene disponible la información. Ejemplo > > > > > (-:> > http://img26.xooimage.com/files/7/a/2/tuck1-14ab4e2.gif > > > > > (-:> > > > > > > (-:> > Por cierto que mi última consulta sobre float la resolvi a > > pesar > > > > de > > > > > que > > > > > (-:> > lamentablemente no hubo un alma caritativa que colaborara en > > > esta > > > > > (-:> > oportunidad. > > > > > (-:> > Aunque es posible que no explicara lo suficientemente bien > > para > > > > > captar el > > > > > (-:> > problema. > > > > > (-:> > Un cordial saludo de SantosVZ > > > > > (-:> > > > > > > (-:> > > > > > > (-:> > > > > > > (-:> > _______________________________________________ > > > > > (-:> > Lista de distribución Ovillo > > > > > (-:> > Para escribir a la lista, envia un correo a > > > > [email protected] > > > > > (-:> > Puedes modificar tus datos o desuscribirte en la siguiente > > > > > dirección: > > > > > (-:> > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > (-:> > > > > > > (-:> > > > > > (-:> > > > > > (-:> > > > > > (-:> -- > > > > > (-:> ↓ Ignacio Ricci > > > > > (-:> www.ignacioricci.com > > > > > (-:> _______________________________________________ > > > > > (-:> Lista de distribución Ovillo > > > > > (-:> Para escribir a la lista, envia un correo a > > > [email protected] > > > > > (-:> Puedes modificar tus datos o desuscribirte en la siguiente > > > > dirección: > > > > > (-:> http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > (-:> > > > > > (-: > > > > > (-: > > > > > (-: > > > > > (-:-- > > > > > (-:Mario Álvarez > > > > > (-:twitter: @magrio > > > > > (-:_______________________________________________ > > > > > (-:Lista de distribución Ovillo > > > > > (-:Para escribir a la lista, envia un correo a > > [email protected] > > > > > (-:Puedes modificar tus datos o desuscribirte en la siguiente > > > dirección: > > > > > (-:http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > _______________________________________________ > > > > > Lista de distribución Ovillo > > > > > Para escribir a la lista, envia un correo a > [email protected] > > > > > Puedes modificar tus datos o desuscribirte en la siguiente > dirección: > > > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > > > > > > > > > > > > -- > > > > ↓ Ignacio Ricci > > > > www.ignacioricci.com > > > > _______________________________________________ > > > > Lista de distribución Ovillo > > > > Para escribir a la lista, envia un correo a [email protected] > > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > > > > > > > -- > > > Mario Álvarez > > > twitter: @magrio > > > _______________________________________________ > > > Lista de distribución Ovillo > > > Para escribir a la lista, envia un correo a [email protected] > > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > > > > > > -- > > ↓ Ignacio Ricci > > www.ignacioricci.com > > _______________________________________________ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a [email protected] > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a [email protected] > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- ↓ Ignacio Ricci www.ignacioricci.com _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [email protected] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
