[RESOLU] Autour des images

webasso · avril 2017

Bonjour,
je cherche comment mettre de l'espace autour des images que j'intègre dans du contenu comme ici
j'ai essayé avec ce code:

[== HTML ==]
<img src="data/medias/premierepaixmondiale_200.jpg" style="border-color:#ffffff" align="left" border="15" />

mais aucun espace ne se créé autour de mon image qui reste collée au texte et à la vidéo
Quelle solution ?
merci d'avance
JM

Stéphane · avril 2017

Bonjour

Modification à mettre dans le fichier css de ton theme

article img {
  padding: 2px 2px 2px 2px;
}

valeur 2px à changer en fonction de l'espace que tu veux autour de tes images.

nb: le code peut ne pas fonctionner en fonction de ton theme et de sa structure html

webasso · avril 2017

Merci Stéphane, ça fonctionne
http://spirit.ouvaton.org/article3/l-effet-papillon

bazooka07 · avril 2017

Cela peut se simplifier en un seul paramètre quand les marges de tous les côtés sont égales :

[== CSS ==]
article img {
   padding: 2px;
}

Existe également en 2 et 3 paramètres:
https://www.w3schools.com/css/css_padding.asp

webasso · avril 2017

Merci bazooka07
...on est pas loin semble t-il !

[RESOLU] Autour des images

Réponses