Imagen izquierda texto a la derecha

madrynense · #1 (**permalink**) 02/12/2005, 11:03

Buenas gente este es mi primer post a pesar de que hace rato que soy miembro del foro, estoy empezando con CSS y me acaba de surgir el primer problema.

Quiero poner una imagen a la izquiera y que el texto de la pagina la rodee, hasta ahora lo estoy haciendo con tablas, pero quiero cambier por maquetacion en CSS. Aca les dejo un ejemplo de lo que quiero hacer para ser mas grafico

Subi un ejemplo en http://madryn.freelinuxhost.com

Estube probando con distintos metodos pero no logre hacer lo que busco.
Yo pongo la imagen un una capa y el texto de la derecha en otra, cual seria el metodo para posicionarlos correctamente?

K3NNY · #2 (**permalink**) 02/12/2005, 11:46

Tenes que "flotar" la imagen a la izquierda. El codigo css seria:

clase_de_la_imagen {
float: left;
}

madrynense · #3 (**permalink**) 02/12/2005, 13:21

Con esa propiedad estuve haciendo las pruebas pero el texto no rodea la imagen como necesito, por eso estuve buscando poner el texto y la imagen en dos capas distintas.

K3NNY · #4 (**permalink**) 02/12/2005, 17:04

Uhm, no entiendo entonces que queres hacer. Vi el ejemplo que subiste y perfectamente se podria hacer con float. Deberias poner primero la imagen y despues los parrafos...

Código:

<img src="imagen.png" style="float:left;"><p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet.</p>

DracoWorld · #5 (**permalink**) 03/12/2005, 10:40

intenta asi:

en css:

img.x
{
align="left"
}

y en html:

<img class="x" src=" " etc>

Ahi estaras alineando la imagen a la izquierda y automaticamente el texto lo rodeará, esto puedes hacerlo solo en html tambien q es agregando el atributo align="left" al <img>

marioStudios · #6 (**permalink**) 03/12/2005, 10:49

Creo que la idea de Madrynense es poner al texto como un marco para la imagen o no es así??? Algo así:

textotextotexto
textotextotexto
texto

texto
texto

texto
textotextotexto
textotextotexto

Y en medio la imágen!!!

DracoWorld · #7 (**permalink**) 03/12/2005, 10:52

Cita:

Iniciado por marioStudios

Creo que la idea de Madrynense es poner al texto como un marco para la imagen o no es así??? Algo así:

textotextotexto
textotextotexto
texto texto
texto texto
textotextotexto
textotextotexto

Y en medio la imágen!!!

bueno, segun yo lei es que sea algo asi:

IMAGEN AQUI texto texto texto
texto texto texo.

madrynense · #8 (**permalink**) 05/12/2005, 05:35

Mil gracias a todos, al final la solucion era la que me habia pasado K3NNY :) cree una clase y la aplique a la imagen, funciono de maravilla. Y pensar que estaba matando con cosas mas complicadas y la solucion era realmente facil. Lo que se dice ceguera de principiante...

Gracia a todos nuevamente.

K3NNY · #9 (**permalink**) 05/12/2005, 16:57

Me alegra haber sido de ayuda ;)