Texto e imagen....

[Darucilla]

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!!!

[ElJavista]

Con html se puede, así: <img src="imagen.jpg" align="left"> Texto. Verás que sale a la izquierda la imagen.

[Droid]

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

[Darucilla]

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 )