Foros del Web - Texto e imagen....

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Texto e imagen.... (http://www.forosdelweb.com/f53/texto-e-imagen-566846/)

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

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.

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

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 :-) )