PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 05/04/2017 12:14:19

webasso
Membre
Inscription : 04/10/2013
Messages : 247

[RESOLU] Autour des images

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

Dernière modification par webasso (06/04/2017 15:13:06)

Hors ligne

#2 05/04/2017 12:41:13

Stéphane
Responsable du projet
Lieu : pas loin de Metz
Inscription : 07/08/2007
Messages : 6 154
Site Web

Re : [RESOLU] Autour des images

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


Mes articles et tutoriels pour PluXml
Pluxopolis mon site sur PluXml, mais pas seulement...
Twitter: @pluxopolis

Hors ligne

#3 05/04/2017 13:04:28

webasso
Membre
Inscription : 04/10/2013
Messages : 247

Re : [RESOLU] Autour des images

Hors ligne

#4 05/04/2017 14:23:55

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 629
Site Web

Re : [RESOLU] Autour des images

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

Hors ligne

#5 05/04/2017 15:44:26

webasso
Membre
Inscription : 04/10/2013
Messages : 247

Re : [RESOLU] Autour des images

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

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés