Texto rodeando una imagen
1 seguidor
Bueno, a la izquierda o a la derecha, poniendo la imágen antes del texto y flotandola por donde queramos que rodee, lo se, eso es facil.
Pero el caso es que tengo una capa y necesito que el texto rodee la imágen, con la partcularidad de que la imagen tiene que estar, abajo y a la derecha dentro de la capa y el texto debe rodearla.
Asi que si la tengo flotada a la derecha y en vez de antes del parrafo la pongo despues, no lo rodea, simplemente la imagen se queda alineada a la derecha y debajo del texto, y me jode y me jode.
He probado poniendo posicion absoluta pero en ese caso el texto se queda bajo la capa.
¿Alguien me echa una manita?, ¿Me he explicado bien?
Gracias!
afj
Bueno, mil gracias ante todo, pero no, no es eso.
Explico mejor:
Si yo hago esto, dependo de un párrafo, y no es esa la idea. Imagina que yo tengo la capa vacia, lista para rellenar, y sin párrafos ni nada comienzo a escribir.
Pues el texto llegado a esa imágen, debería simplemente de rodearla, como si se encontrase con una pared, por lo que para ello necesito que esa imagen este abajo y a la derecha de la capa.
Pero no encuentro manera, ya que si le doy posiciones absolutas o relativas a la capa para que se quede quieto abajo y a la derecha, el texto se mete por debajo de la imagen.
Y si pongo la imagen despues del texto y la floto a la derecha, en lugar de rodearlo como haria si la pusiese arriba, lo que hace es quedarse la imagen por debajo del texto.
Es como si en la página de un cuaderno abajo a la derecha pinto un cuadrado y ahi no me dejasen escribir.
Y yo sufro y sufro, no doy con ello.
Usuario desconocido
Si, el p id=contieneimagen es el que contiene la imagen. El otro, sobreimagen, es el que lleva el texto.
Así, en el html, el código sería
p id=sobreimagen
p id=contieneimagen
afj
:( Pue no consigo que funcione, creo que no he entendido bien ese codigo.
(Siento la torpeza).
Usuario desconocido
Puedes poner esto:
<code>p#contieneimagen {
float: right;
margin-top: -100px;
}
p#sobreimagen {
margin-right: 110px;
}</code>