Texto alrededor de imagen

manié · #1 (**permalink**) 25/09/2006, 10:09

Quiero colocar un texto alrededor de una imagen de la sgte. forma:

Imagen a la derecha y luego el texto a su izquierda comenzando desde el borde superior de la imagen hasta abajo y luego que continue en forma normal. Cómo se logra.....?

eContento · #2 (**permalink**) 25/09/2006, 10:51

La imagen soporta un atributo que es align y puede tomar varios valores, entre ellos left y right.

Un ejemplo seria:

Código HTML:

<p><img src="http://www.forosdelweb.com/images/vbulletin3_logo_fdw.gif"
align="right" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In viverra. Aenean
tellus. Nulla in nisi ut ante lobortis accumsan. Nullam tempor. Aenean sed
erat. Pellentesque vel sapien. Morbi pretium tortor eget lacus. Vivamus sit
amet quam. Integer faucibus, tellus at malesuada dignissim, quam metus
ultricies arcu, eu condimentum nisi augue at risus. Phasellus non leo.
Praesent imperdiet, nunc sit amet sollicitudin eleifend, mauris neque aliquet
est, ut malesuada elit orci pulvinar ante. Vivamus id massa.</p>

Pero no estaría de más hacer esto mismo con hojas de estilo.

En ese caso sería igual, pero usando la propiedad float: right dentro del estilo que afecte a la imagen.

Un saludo de,
eContento

juaniquillo · #3 (**permalink**) 25/09/2006, 16:44

no has especificado que editor html usas.

manié · #4 (**permalink**) 25/09/2006, 17:49

estoy utilizando DW...

manié · #5 (**permalink**) 25/09/2006, 18:07

gracias econtento. Había probado mil veces con el alineamiento de propiedades y no pasaba nada. ....Son las maldades que nos juegan los productos ...

juaniquillo · #6 (**permalink**) 26/09/2006, 10:08

Perdon Manie, no me habia dado cuenta que eras tu. En DW es muy facil hacer esto:

solo tienes poner la foto en el lugar que quieras y quedara asi:

despues escojes la foto, vas al 'properties inspector' debajo y en 'Aling' escojes donde quieres poner la foto, en este caso 'Right', osea derecha:

ademas de esto puedes despegar un poco la imagen de las letras usando el 'H Space'. Esto le dara un espacio de lo que quieras (en pixeles) a los lados drecho e izquierdo de la imagen. El 'H Space' deja espacio arriba y abajo:

manié · #7 (**permalink**) 26/09/2006, 13:20

Gracias Juaniquillo. Me había quedado súper, inclusive le coloqué un borde a la imagen pero al colocarle el espacio horizontal, tal como me indicas, para que quede más prolija me deja el borde a dicha distancia de la foto (se entiende?), e.d. no me queda enmarcada tal como pretendía....

juaniquillo · #8 (**permalink**) 26/09/2006, 19:04

pues no entendi muy bien... de todas forma, lo de el espacio te lo dije para que lo supieras. yo casi siempre le dejo un borde en blanco (o del color del fondo) a las imagenes del lado donde van a estar las letras.

manié · #9 (**permalink**) 26/09/2006, 20:02

a ver si logro ser más clara: Coloco una imagen, le pongo borde(como si fuera un cuadrito) y luego defino el espacio pero la hacerlo me toma ese espacio desde la imagen al borde y no hacia el texto. Por lo cual, queda desenmarcada la imagen.

juaniquillo · #10 (**permalink**) 26/09/2006, 20:13

todavia no entinedo. lo que quieres es que las letras se pegen parejas a la foto y asi formen un marco alrededor de la imagen?
si pusieras una imagen de como se ve lo que tienes seria mejor