Como colocar 2 imagenes a la izqda y el texto a la derecha

ciberpata · #1 (**permalink**) 19/05/2005, 09:30

Saludos al foro:
Estoy intentando dentro del mismo <div> colocar en una columna alineada a la izquierda dos fotografias (una debajo de otra) y en otra columna alineada a la derecha el texto de forma que fluya sin pasar por encima de las fotos. Por supuesto no estoy utilizando tablas.
Lo he intentado con float: left; pero resulta que la primera foto la alinea bien con el texto pero la segunda no.
Intento hacer lo siguiente:

----------------
| | texto texto texto texto texto texto texto
| | texto texto texto texto texto texto texto
| foto | texto texto texto texto texto texto texto
| | texto texto texto texto texto texto texto
| | texto texto texto texto texto texto texto
---------------- texto texto texto texto texto texto texto
texto texto texto texto texto texto texto
---------------- texto texto texto texto texto texto texto
| | texto texto texto texto texto texto texto
| | texto texto texto texto texto texto texto
| foto | texto texto texto texto texto texto texto
| | texto texto texto texto texto texto texto
| | texto texto texto texto texto texto texto
---------------- texto texto texto texto texto texto texto

texto texto texto texto texto texto texto textotexto texto

Gracias por su ayuda

kahlito · #2 (**permalink**) 20/05/2005, 05:06

Hola ciberpata, creo que hay varias maneras, prueba con esto por ejemplo:

Código HTML:

<style type="text/css">
img{float:left;}
</style>
<body><div id="imagenesyparrafo"><p><img src="imagen.jpg" width="200" height="144" /><img src="imagen.jpg" width="200" height="144" />
  Aqui texto del parrafo al lado de la foto para que no se vaya o quede a la derecha</p></div>
</body>

Saludosss

damianx · #3 (**permalink**) 23/05/2005, 19:55

Si te fijas aqui:
http://www.forosdelweb.com/f4/alinear-dos-imagenes-derecha-299449/

la ultima respuesta que da "Core" es muy buena y creo que te va a ayudar, lo unico que deberias hacer es cambiar el float:right por un float:left

Saludos!