Foros del Web » Diseño web » CSS »

Imagen izquierda texto a la derecha

Estas en el tema de Imagen izquierda texto a la derecha en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 02/12/2005, 10:03
 
Fecha de Ingreso: diciembre-2004
Mensajes: 12
Antigüedad: 9 años, 10 meses
Puntos: 1
Imagen izquierda texto a la derecha

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?
  #2 (permalink)  
Antiguo 02/12/2005, 10:46
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.496
Antigüedad: 10 años, 7 meses
Puntos: 20
Tenes que "flotar" la imagen a la izquierda. El codigo css seria:

clase_de_la_imagen {
float: left;
}
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
  #3 (permalink)  
Antiguo 02/12/2005, 12:21
 
Fecha de Ingreso: diciembre-2004
Mensajes: 12
Antigüedad: 9 años, 10 meses
Puntos: 1
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.
  #4 (permalink)  
Antiguo 02/12/2005, 16:04
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.496
Antigüedad: 10 años, 7 meses
Puntos: 20
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>
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
  #5 (permalink)  
Antiguo 03/12/2005, 09:40
Avatar de DracoWorld  
Fecha de Ingreso: julio-2003
Ubicación: Mérida - Venezuela
Mensajes: 505
Antigüedad: 11 años, 2 meses
Puntos: 0
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>
  #6 (permalink)  
Antiguo 03/12/2005, 09:49
Avatar de marioStudios
Colaborador
 
Fecha de Ingreso: octubre-2005
Ubicación: Chiapas; México.
Mensajes: 1.625
Antigüedad: 9 años
Puntos: 211
Ejemplo

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

textotextotexto
textotextotexto
textotexto
textotexto
textotextotexto
textotextotexto

Y en medio la imágen!!!
__________________
Diseño Gráfico Digital - Fotomontajes - marioStudios
Debes Mat 6:33 con Heb 11:1, DLB. Luc 2:14!!!

Última edición por marioStudios; 03/12/2005 a las 09:51 Razón: Imagen sin colocar
  #7 (permalink)  
Antiguo 03/12/2005, 09:52
Avatar de DracoWorld  
Fecha de Ingreso: julio-2003
Ubicación: Mérida - Venezuela
Mensajes: 505
Antigüedad: 11 años, 2 meses
Puntos: 0
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
.
  #8 (permalink)  
Antiguo 05/12/2005, 04:35
 
Fecha de Ingreso: diciembre-2004
Mensajes: 12
Antigüedad: 9 años, 10 meses
Puntos: 1
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.
  #9 (permalink)  
Antiguo 05/12/2005, 15:57
Avatar de K3NNY
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: ARGENTINA!
Mensajes: 1.496
Antigüedad: 10 años, 7 meses
Puntos: 20
Me alegra haber sido de ayuda ;)
__________________
delFuego.com.ar
mi tumblelog sobre diseño

La dedicación en mi respuesta es directamente proporcional a la dedicación en tu pregunta.
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

SíEste tema le ha gustado a 1 personas




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