15/06/2009, 09:54
|
| | | Fecha de Ingreso: junio-2009 Ubicación: Reus, Tarragona, España
Mensajes: 63
Antigüedad: 14 años, 10 meses Puntos: 1 | |
| Respuesta: Alinear texto a la izquierda de imagen
Hola,
creo que por l oque quieres hacer es esto. Cita: Seguro que todos habréis visto un periódico digital y os habréis fijado en que suelen colocar el texto de la noticia rodeando una imagen relacionada, por un lado y por debajo como vemos en este artículo. Luego todos os poneis a hacer vuestras páginas y decis, como demonios se hará?, pues es bien sencillo:
Si ponemos este código tal cual aparecerá la imagen y debajo el texto. Si queremos que el texto rodee la imagen, como se suele ver en los periódicos y revistas, entonces utilizaremos la propiedad "float" de CSS. Vamos a ver cómo:
<img src="imagen.png" alt="texto alternativo" style="float: left;" />
Con el float:left incluido en el código de la imagen, esta quedará como en nuestro artículo, a la izquierda y encima del texto, podemos usar float:right para el efecto inverso.
Espero haya sido útil el truquito.
fuente: generacionesweb.com |