Effectivement, je constate que personne ne s'est donné la peine de répondre au questionnaire de mon précédent billet.

Alors je ne vois pas pourquoi je continuerai à l'alimenter...

Quelle(s) rubrique(s) de ce blog vous intéresse(nt) le plus ?

Bureautique ? Design Interfaces ? Infographie ? Personnaliser Zeblog ? Pour les Mac-users ? Webdesign ?

Résultats

Lorsqu'une image est placée avant du texte, la première ligne de texte se place à droite de l'image et la suivante sous l'image :

Pour positionner le texte à droite de l'image, passez en «mode HTML» et repérer dans le code celui correspondant à l'image (commençant par <img src="...) et corrigez-le ainsi :
<img src="http://nom_de_votre_image.jpg" align="left">
(utiliser left pour positionner l'image à gauche ; right pour positionner l'image à droite)

Repassez en mode normal (visuel) : le texte (les 2 lignes dans cet exemple) se positionne à droite :

Mais le texte est collé à l'image.

Pour paramétrer de l'espace autour de l'image, dans le «mode HTML», ajoutez dans le code de l'image :
<img src="http://nom_de_votre_image.jpg" align="left" hspace="30px">
(utilisez : hspace pour une marge à gauche et à droite ; vspace pour une marge en haut et en bas / 30px représentant une marge de 30 pixels)

Repassez en mode normal (visuel) : le texte se positionne à droite :


L'image a une marge de 30 pixels tout autour.
Pour que la marge ne se situe qu'à droite de l'image, corriger le code, toujours dans le «mode HTML» :
(utilisez : padding-right pour un marge à droite ; padding-left pour une marge à gauche ; padding-top pour une marge en haut ; padding-bottom pour une marge en bas de l'image)


Aucun espace à gauche de l'image mais uniquement à droite.