Après avoir cliqué sur le bouton pour l'image dans l'éditeur de Joomla, cliquez sur l'onglet "Avancé".

En bas dans le champ "Style", on ajoute une des options suivantes:
-Pour avoir de l'espace autour d'une image des 4 côtés, on ajoute seulement le texte suivant:  margin:10px;

-Pour avoir de l'espace autour d'un ou plusieurs côtés on ajoute le code pour chaque côté soit:
   -en haut de l'image
    margin-top:10px;
   -en bas de l'image
    margin-bottom:10px;
   -à droite
    margin-right:10px;
   -à gauche
    margin-left:10px;

exemple:
margin-top:10px;margin-right:10px;

Les exemples ci-haut indiquent 10 pixels, mais vous pouvez inscrire un chiffre plus ou moins élevé selon l'espace souhaité.

image dans une infolettre

Si vous rencontrez le même problème dans une infolettre, puisque certains logiciels de messagerie ignorent le style "margin", une solution est de créer un contour transparent à l’image.  Pour ce faire:

  • Ouvrir l'image dans un logiciel d'imagerie
  • Voir la dimension de l'image
  • Faire une copie de l'image dans le presse-papier
  • Ouvrir un nouveau document dans le logiciel avec les dimensions de l’image + le contour voulu, Exemple:
  • image:  largeur: 500px,  hauteur: 50px
  • Nouveau document largeur: 504px,  hauteur: 54px (donne 2px pour le contour)
  • Copier l'image et centrer l'image
  • Sauvegarder l'image en format gif
  • Mettre sur le serveur et remplacer l'image dans l’infolettre