Foros del Web » Diseño web » CSS »

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

Estas en el tema de Como colocar 2 imagenes a la izqda y el texto a la derecha en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/05/2005, 09:30
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 600
Antigüedad: 11 años, 2 meses
Puntos: 0
Como colocar 2 imagenes a la izqda y el texto a la derecha

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
  #2 (permalink)  
Antiguo 20/05/2005, 05:06
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.816
Antigüedad: 11 años, 5 meses
Puntos: 51
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
  #3 (permalink)  
Antiguo 23/05/2005, 19:55
 
Fecha de Ingreso: mayo-2005
Mensajes: 306
Antigüedad: 9 años, 3 meses
Puntos: 0
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!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:42.
SEO by vBSEO 3.3.2