Foros del Web » Creando para Internet » CSS »

Texto e imagen....

Estas en el tema de Texto e imagen.... en el foro de CSS en Foros del Web. Muy buenas a todos! Llevo un par de días peleandome con mi web.... Quiero poner un texto al lado de una imagen, pero lo único ...
  #1 (permalink)  
Antiguo 17/03/2008, 11:14
Avatar de Darucilla  
Fecha de Ingreso: febrero-2008
Mensajes: 12
Antigüedad: 16 años, 1 mes
Puntos: 0
Texto e imagen....

Muy buenas a todos!

Llevo un par de días peleandome con mi web.... Quiero poner un texto al lado de una imagen, pero lo único que consigo es que me quede la imagen y abajo de esta el texto.... Como podría hacer para que me saliese a la izquierda la imagen y a la derecha el texto que le corresponde????

Gracias!!!
  #2 (permalink)  
Antiguo 17/03/2008, 19:00
Avatar de ElJavista
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Lima Perú
Mensajes: 2.231
Antigüedad: 17 años
Puntos: 67
Re: Texto e imagen....

Con html se puede, así: <img src="imagen.jpg" align="left"> Texto. Verás que sale a la izquierda la imagen.
  #3 (permalink)  
Antiguo 18/03/2008, 01:41
Avatar de Droid  
Fecha de Ingreso: marzo-2008
Ubicación: Hermosillo, Sonora, México.
Mensajes: 4
Antigüedad: 16 años
Puntos: 0
Re: Texto e imagen....

Código:
<img src="imagen.jpg" align="left" />
Esta solución si bien es rápida no se recomienda por que estás mezclando contenido con presentación.

La solución correcta sería aplicar un class a la imagen de esta manera:

Código:
<img src="imagen.jpg" class="fotoizq" />
y ya en el CSS agregas

Código:
.fotoizq { float:left; margin: 0 10px 10px 0; }
Lo que hace este class es que flota la imagen dentro del texto, el margin hará que tenga un margen a la derecha y abajo de 10 px, este margen lo puedes variar a tu gusto.

Para flotarla a la derecha del texto:

Código:
.fotoder { float:right; margin: 0 0 10px 10px; }
saludos
  #4 (permalink)  
Antiguo 18/03/2008, 08:21
Avatar de Darucilla  
Fecha de Ingreso: febrero-2008
Mensajes: 12
Antigüedad: 16 años, 1 mes
Puntos: 0
Re: Texto e imagen....

Muchas graciaaas!!
Me ha quedado perfecto, justo como lo quería, con la imagen a la izquierda y su texto a la derecha!!!
Al final he seguido el consejo de Droid, y he creado en mi CSS una class para luego aplicarla a mi web

Un saludo y mil gracias!!! (una cosa menos con la que pelearme )
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 00:04.