Foros del Web » Creando para Internet » CSS »

Maquetar imagen y texto

Estas en el tema de Maquetar imagen y texto en el foro de CSS en Foros del Web. Hola, Tengo una pagina donde muestro texto e imágenes, que saco de una base de datos, a traves de php. Tengo un campo donde almaceno ...
  #1 (permalink)  
Antiguo 29/10/2005, 04:21
 
Fecha de Ingreso: febrero-2004
Mensajes: 33
Antigüedad: 20 años, 1 mes
Puntos: 0
Maquetar imagen y texto

Hola,
Tengo una pagina donde muestro texto e imágenes, que saco de una base de datos, a traves de php. Tengo un campo donde almaceno texto e imagenes juntas. Todo bien lo que pasa es que me queda la imagen arriba y el texto debajo, o viceversa. Quisiera saber si hay alguna manera con CSS de que me quede el texto a un lado y la imágen al otro lado, es decir un al lado del otro (como si fuera una tabla).
Gracias y un saludo!
  #2 (permalink)  
Antiguo 29/10/2005, 05:02
Avatar de kazafun  
Fecha de Ingreso: diciembre-2003
Ubicación: Elda
Mensajes: 843
Antigüedad: 20 años, 2 meses
Puntos: 13
Prueba a utilizar la propiedad float
  #3 (permalink)  
Antiguo 29/10/2005, 16:09
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Ampliemos el float.

en tu hoja de estilos pones img {float: left;}
y después que venga el texto.
  #4 (permalink)  
Antiguo 30/10/2005, 05:35
 
Fecha de Ingreso: febrero-2004
Mensajes: 33
Antigüedad: 20 años, 1 mes
Puntos: 0
Gracias por las respuestas
Lo h estado probando y va bien, lo que pasa es que cuando la imagen es mas grande que el texto las variables(texto) q tengo a continuación se suben y se colocan a la derecha de la imagen tb. Como podria hacer para que el float solo afectara a una parte del texto.
No se si me explico...
Un saludo!
  #5 (permalink)  
Antiguo 30/10/2005, 08:17
Avatar de leoj90
Usuario baneado!
 
Fecha de Ingreso: agosto-2005
Mensajes: 1.365
Antigüedad: 18 años, 7 meses
Puntos: 0
Eso seria porq la imagen tiene algo como "align...." por eso el texto se alinea al lado de la imagen, checa eso
  #6 (permalink)  
Antiguo 30/10/2005, 11:18
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Metele antes de la siguiente variable un <br clear="all">

Eso cortará el texto y lo siguiente pasará abajo de la foto.
  #7 (permalink)  
Antiguo 30/10/2005, 18:54
 
Fecha de Ingreso: febrero-2005
Mensajes: 670
Antigüedad: 19 años, 1 mes
Puntos: 0
¿clear es una propiedad de br?

Yo probaría con <br style="clear:both"> (o aplicarle ese style al mismo texto que no quieres que se acomode el lado de la images)

Suerte
Fede
__________________
Federico H. García
Desarrollo Web
www.federicog.com.ar
  #8 (permalink)  
Antiguo 31/10/2005, 03:43
 
Fecha de Ingreso: febrero-2004
Mensajes: 33
Antigüedad: 20 años, 1 mes
Puntos: 0
Ya me funciona , al final salió como dice thunder, le aplique ese style al texto q no quería que se pusiera al lado.
Solo una cosa más... como puedo alinear el texto de al lado de la imagen con la imagen, para que empiezen los dos a la misma altura, he probado con margenes, y alineaciones pero no hay manera.

Muchas gracias por las respuestas!

Un saludo
  #9 (permalink)  
Antiguo 01/11/2005, 18:01
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Bueno clear es un atributo... no sé si propiedad... ¿juego de palabras?
Para alinear supongo en la linea de arriba... pues sigue probando con margin-top...
  #10 (permalink)  
Antiguo 01/11/2005, 18:08
 
Fecha de Ingreso: febrero-2005
Mensajes: 670
Antigüedad: 19 años, 1 mes
Puntos: 0
Me confundí. Clear es una propiedad de CSS, no es un atributo de br.

Suerte
Fede
__________________
Federico H. García
Desarrollo Web
www.federicog.com.ar
  #11 (permalink)  
Antiguo 01/11/2005, 18:13
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años
Puntos: 1826
Bueno, como muchas cosas que eran atributos html se pasaron a css.
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 10:31.