Alignement texte/image

Publié le par Vger

 
Comment placer une image dans un article et ensuite y placer un texte qui va "s'enrouler" autour de l'image ?

Il faut aller en mode HTML et modifier la balise IMG :

<img style="float:left; margin:5px" src=http://(l'url de l'image)>

<P>Votre texte ici</P>

et le paragraphe s'affichera autour de l'image.

Rem.: left pour l'image à gauche ou pour right la droite

Pour que l'image ne "colle" pas au texte il est aussi possible, dans les propriétés de l'image, spécifier un espacement horizontal et/ou vertical.

* Ce dernier réglage peux aussi ce faire dans le CSS (Rem.: je ne sais pas si c'est vraiment un mieux... "C'est vous qui voyez") :

Dans ; /*------Elements principaux------*/

img { ce_qu'il_a_déjà_dedans;
margin:5px; } /*image*/

("Jouez" avec les 5px pour affiner et arriver au réglage désiré)

Publié dans Poubelle

Commenter cet article

aurore 07/09/2008 20:19

sniff aucun résultat. Belle soirée quand même

Vger 09/09/2008 10:15


Rebonjour Aurore,

Tu à maintenant la fonction intégrée dans l'éditeur (quand ce "truc" [/cette astuce] à été mis en ligne l'ancien éditeur ne le proposait pas...), lors de l'ajout d'image cela est proposé ;o)

Bonne continuation.


aurore 07/09/2008 20:11

tient bonne idée cela manque à mon blog un peu de nouveauté je vais essayer !soirée belle

Vger 09/09/2008 10:12


Bonjour Aurore,

En fait tu sais faire ça directement avec le nouvel éditeur... par manque de temps cet article n'a pas été mis en archives...

Bonne journée.