Entrar

Imagenes y texto

bernardo73 · · Solicitar retirada
Ya busque, pero no lo encuentro. Es posible con CSS crear estilos de tal forma que un texto se ajuste a una imagen (derecha o izquierda) y que al llegar al final, el texto prosiga por debajo de la imagen.. Por ejemplo en http://www.guiainfantil.com/fiestas/medioambiente/reciclaje.htm ,el texto "Saber reciclar todos los residuos, respetar el medio ambiente, y conocer qué hacer para preservar nuestra naturaleza, son algunas de las grandes enseñanzas que nosotros, los padres, podemos pasar a nuestros hijos. Solo así ellos crecerán con la mentalidad de que es necesario luchar " se ajusta a la imagen del mundom y luego a la publicidad de google. Alguien de ustedes sabe hacer esto? No deja ver el código fuente de la página para analizarlo.

Gracias de antemano
hq · · Solicitar retirada
Si, claro. En realidad se trata de ajustar la imagen con relación al texto.

Vamos a imaginar que sólo quieres conseguirlo para algunas imágenes y que las quieres poner a la izquierda. Entonces defines una clase en tu CSS de la siguiente forma:
.alinear { float: left ; }
Y en el HTML, cuando pones la imagen tendrás que poner algo así:
[img]...[/img]
De la misma forma lo puedes hacer para un tipo de imágenes (# en CSS e id en HTML), para todas las imágenes (img en CSS), para todas las imágenes dentro de un div (#div img en CSS), etc. Las posibilidades son enormes.