Habillage d'un texte flottant autour de plusieurs images

Bonjour,

Après de longues recherches sur le net, je suis bloqué et je ne trouve pas la solution. J'aimerais faire flotter un gros paragraphe qui flotte autour de plusieurs images.

Donc avec une, pas de soucis, un petit float et la question est réglée. Mais lorsqu'on a plus d'image, comment fait on ?

voici une capture de ce que j'aimerais obtenir : http://axigogne.fr/testxavier/capture.jpg

merci

Bonjour,

Je ne suis pas très sûr de comprendre quel est le problème.
Un simple float: right sur la seconde image produit le résultat escompté, non ?

http://codepen.io/raphaelgoetter/pen/tflHq ?
Modifié par Raphael (11 Sep 2013 - 17:17)

Eh bien, non car au début, c'est ce que j'ai fait, mais l'alignement se fait par le haut du paragraphe.
Alors que dans mon exemple, il faudrait que 2ème l'image soit tout le temps calée en bas a droite du conteneur.

Un peu comme si on la calait en "absolute bottom right" mais avec le texte qui flotte. J'ai trouvé ce site qui propose une astuce, mais ça m'à l'air un poil bancal et compliqué comme solution :

http://7ou.fr/bas-a-droite-spacer.html

ton exemple fonctionne mais pas avec mon site car en gros, je ne peux pas décider a partir d'ou la deuxieme image va apparaitre.

C'est un texte dynamique, donc je ne peux savoir combien de ligne ou caractère il y aura.
Dans ton exemple, tu mets simplement l'image au bout de 20 lignes, mais moi je ne peux pas faire ça.

Bon, je viens de tester sa solution, ça marche bien quand même. A voir sur tous les navigateurs, sur les récents ça passe.

Bien mettre un "clear:right" sur la deuxième image.