Positionner image+texte

[Nullette]

Bonjour à tous,

Pour que un texte s'affiche sous une image, j'insère plusieurs sauts de paragraphes. Je pense que ce n'est pas une bonne solution. En connaîtriez-vous une autre ?

Voici le code :

<p><img src="../images/maphoto.jpg" alt="Jardin" width="213" height="160" hspace="10" align="left">Le texte à côté de l'image</p>
 <p> </p>
    <p> </p>
     <p> </p>
    <p> </p>
   <p align="center">Ici le texte qui doit être sous l'image</p>

Je profite de l'occasion pour souhaiter à vous tous un excellent Noël et de bonnes fêtes de fin d'année

[hcplayer]

bonjour et bon noël,

tu peux tout simplement appliquer un style à l'image avec un display:block;

[Dan]

Bonjour,

Avec un display:block, elle ne pourra pas afficher du texte à côté de l'image.

Pour forcer un retour à la ligne (sous l'image), il suffit d'un <p style="clear:left"> qui mettra le paragraphe contre la marge de gauche.

Dan

[Nullette]

Merci Dan.

Ca fonctionne impec sous IE et Opéra, un peu trop près de l'image avec Firefox.

Je me (te) pose la question : est-ce que mon code "align=center" n'est pas en contradiction avec "clear:left;" ?

<p align="center" class="petit" style="clear:left;">

Mon texte actuel doit être au milieu de la page.

Modifié 24 Décembre 2005 par Nullette

[Dan]

Non, le clear:left dit seulement qu'il n'y a aucun élément à gauche de la balist <p>. Cela force donc un saut de ligne.

Si tu veux mettre un peu de marge en haut, rajoute un "margin-top:10px" si tu veux, ou mets un style="margin-bottom:10px" à ta balise <img>

Dan

[Nullette]

Merci infiniment Dan.

Je te souhaite un joyeux réveillon de Noël.

[hcplayer]

oups j'avais pas vu le texte à gauche

bonne continuation

[crouttedepain]

et si l'on veut que le texte soit a gauche de la photo tout le long de cette dernière c'est différent