Texte autour d'une image dans un seul bloc [Résolu]

Bonjour

Est-il possible de mettre dans un bloc (div par exemple) du texte et une image sur le côté, de manière à ce que le texte s'arrête au bord de l'image, puis continue en dessous (à la manière d'une mise en page de journal)

Merci d'avance

Tu devrais te renseigner sur le positionnement flottant, il y a de nombreux tutoriels très bien conçus ici-même.

À priori avec la propriété CSS float (sur l'image).
Ensuite, ça depend de ce que tu veux faire exactement. Les possibilités sont plus limitées qu'en PAO.

la propriété float me parait également bien approprié

Ben ce que je veux, c'est mettre une image en haut à droite, et que le txte tombe sur le côté de l'image, puis, s'il arrive plus bas que cette image, qu'il prenne toute la largeur disponible (530 px). Un détail: le texte sera importé d'une BD mySQL, mais je ne pense pas que cela ait une importance ici.

Tu mets ton image en float le texte va logiquement faire ce que tu veux automatiquement

Ben...

J'essaie selon ce schéma:

Partie HTML :
<div class="conteneur">
<img class="gauche" alt="..." src="..." />

texte bla bla bla
....
</div>


Et la CSS correspondante :
.gauche {
float: left;
}


Mais le texte ne se met pas autour le l'image. Il l'intègre au texte, à la première ou dernière ligne, comme si elle était un caractère très grand

Ca y est! Ca marche!
(Une petite erreur de syntaxe)

Merci de votre aide

Modifié par phrq (27 Jul 2007 - 11:59)