texto que envuelva a una imagen

[overon37]

Hola compis del foro.

A ver, tengo un archivo de texto y una imagen, leo el contenido del archivo y la imagen (la cual se alinea a la derecha del texto), es decir una capa para el texto y otra capa para la foto, ambas con position:relative y float:left.

La pegas evidente es que si el texto sobrepasa lo que es el alto de la imagen este continua hacia abajo, como es lógico, dentro de su capa.

La cuestión es como conseguir que el texto envuelve a la imagen, es decir, cuando el texto sobrepase lo que es el alto de la imagen (de la capa de la imagen) este se expanda para ocupar lo que es el ancho de la imagen (de su capa).

Mediante tablas no es la solución, hay algún medio?

asias mil

[GatorV]

Tema trasladado desde PHP

[Null_]

Eso es algo muy básico de lograr, y no debes ocupar la propiedad position:relative... solo float en la imagen.

Te dejo un ejemplo.

[kseso?]

Puedes lograrlo colocando tanto el texto como la imagen dentro de la misma etiqueta <p>. A la imagen le das una clase

Código html:

<p><img class="derecha" ... />... bla bla bla ...</p>
 

Código css:

.derecha img {float: right; margin: Xpx;}