image et spip

Général
1

bonjour;
quand j'insère une image dans un texte <img94|left> dans la partie rédaction d'un spip 1.9.1 l'apparence publique montre l'image avec le texte autour mais le haut de l'image est collée au texte alors que sur les autres cotés il y a de l'espace
comment je dois faire pour obtenir un espace uniforme tout autour de l'image svp ?

2

Bonjour,

Le 1 oct. 06 à 11:23, jeami a écrit :

quand j'insère une image dans un texte <img94|left> dans la partie
rédaction d'un spip 1.9.1 l'apparence publique montre l'image avec le
texte autour mais le haut de l'image est collée au texte alors que sur
les autres cotés il y a de l'espace

Si tu regardes le code source que t'envoie ta page article, tu verras que cette image se retrouve affectée d'une classe spip.
<img class="spip" ... />

comment je dois faire pour obtenir un espace uniforme tout autour de
l'image svp ?

Dans ta feuille de style, tu dois affecter une valeur homogène sur le "margin" ou le "padding" à cette classe spip pour image:

img.spip{ margin : 2px;} /* entoure le bloc image de classe spip d'un tour de 2px entre lui et les blocs adjacents */
img.spip{ padding : 2px;} /*laisse un espace de 2px partout entre l'image et le bord de sa boite */

Et si tu veux affiner :

Bon spip
--
Philippe Auriol
http://philippe.auriol.free.fr/

3

Philippe Auriol a écrit :

Bonjour,

Le 1 oct. 06 à 11:23, jeami a écrit :

quand j'insère une image dans un texte <img94|left> dans la partie
rédaction d'un spip 1.9.1 l'apparence publique montre l'image avec le
texte autour mais le haut de l'image est collée au texte alors que sur
les autres cotés il y a de l'espace

Si tu regardes le code source que t'envoie ta page article, tu verras que cette image se retrouve affectée d'une classe spip.
<img class="spip" ... />

comment je dois faire pour obtenir un espace uniforme tout autour de
l'image svp ?

Dans ta feuille de style, tu dois affecter une valeur homogène sur le "margin" ou le "padding" à cette classe spip pour image:

img.spip{ margin : 2px;} /* entoure le bloc image de classe spip d'un tour de 2px entre lui et les blocs adjacents */
img.spip{ padding : 2px;} /*laisse un espace de 2px partout entre l'image et le bord de sa boite */

Et si tu veux affiner :
yoyodesign.org

Bon spip

ça yé j'ai trouvé ! merci pour votre lien super yoyodesign.org

img, table { margin: *1em 0em 0em;* padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 0.9em; font-weight: normal; }
merci encore