Forum du site

marges autour d’une image
Michel Suquet le 18 décembre 2023 à 22:18	Rappel du sujet : Bonjour, lorsqu’on met une image avec la position right, je trouve que les marges à droite et à gauche sont trop grandes. Par exemple sur cette page de notre site. Peut-on avoir par défaut des marges moins importantes ? Cordialement, Michel Suquet
Jean Christophe Villeneuve le 18 décembre 2023 à 22:54	marges autour d’une image Hello Tu peux gérer les marges comme tu le souhaites en rajoutant ce ci dans ton perso.css et en modifiant les valeurs à ta guise. `.spip_documents_right { margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 15px; }`
Michel Suquet le 19 décembre 2023 à 08:11	marges autour d’une image Bonjour Jean-Christophe, c’est ajouté mais sans aucun effet. Il doit y avoir autre chose qui agit sur la mise en page.
Jean Christophe Villeneuve le 19 décembre 2023 à 09:03	marges autour d’une image Si si, tes marges sont plus étroites mais il reste celles de spip_doc_inner. Tu peux donc rajouter ceci dans ton perso.css `.spip_doc_inner { margin-left: 0; margin-right: 0; }` Petite précision : si on met "0", on évite de mettre une unité.
Michel Suquet le 19 décembre 2023 à 14:20	marges autour d’une image Oui, en effet : cette fois c’est bon ; sauf si on est dans un une balise "quote" ou "poesie". Il y a une marge qui se rajoute.
Jean Christophe Villeneuve le 19 décembre 2023 à 14:44	marges autour d’une image Tu peux me donner un exemple ?
Michel Suquet le 19 décembre 2023 à 15:04	marges autour d’une image En regardant de plus près, je viens de comprendre ce qui ajoute une "marge" ; c’est le fait que si une image a un lien, cela ajoute une "marge". Quand c’est un texte, il y a une petite icône juste à la fin du lien mais pas pour une image. Par exemple : https://apmep-iledefrance.fr/Un-spectacle-a-ne-pas-manquer Je ne sais si on peut faire quelque chose dans le cas d’une image, à part ne pas ajouter de lien sur une image.
Jean Christophe Villeneuve le 19 décembre 2023 à 15:13	marges autour d’une image Ah oui, bien vu ! Ce sera corrigé dans la prochaine version. En attendant, tu peux rajouter ceci dans le perso.css `.spip_documents a.spip_out { padding-right: 0; }`
Michel Suquet le 19 décembre 2023 à 15:18	marges autour d’une image Je viens de trouver un exemple avec des images et des balises quote. https://apmep-iledefrance.fr/Des-pepites-automnales-650 Pour la première balise, l’image est avant la balise et c’est bon. Par contre, pour la deuxième balise, j’ai mis l’image dans la balise et il y a une marge en plus. Je suppose qu’il faut une règle pour blockquote.spip ?
Jean Christophe Villeneuve le 19 décembre 2023 à 15:34	marges autour d’une image Oui, c’est ça `blockquote.spip { margin-right: 0; }`
Michel Suquet le 19 décembre 2023 à 21:35	marges autour d’une image C’est bon. Merci !

Michel Suquet
le 18 décembre 2023
à 22:18

Rappel du sujet :

Bonjour,

lorsqu’on met une image avec la position right, je trouve que les marges à droite et à gauche sont trop grandes.

Par exemple sur cette page de notre site.

Peut-on avoir par défaut des marges moins importantes ?

Cordialement,

Michel Suquet

Jean Christophe Villeneuve
le 18 décembre 2023
à 22:54

marges autour d’une image

Hello

Tu peux gérer les marges comme tu le souhaites en rajoutant ce ci dans ton perso.css et en modifiant les valeurs à ta guise.

.spip_documents_right {
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 10px;
    margin-left: 15px;
}

Michel Suquet
le 19 décembre 2023
à 08:11

marges autour d’une image

Bonjour Jean-Christophe,

c’est ajouté mais sans aucun effet. Il doit y avoir autre chose qui agit sur la mise en page.

Jean Christophe Villeneuve
le 19 décembre 2023
à 09:03

marges autour d’une image

Si si, tes marges sont plus étroites mais il reste celles de spip_doc_inner. Tu peux donc rajouter ceci dans ton perso.css

.spip_doc_inner {
	margin-left: 0;
	margin-right: 0;
}

Petite précision : si on met "0", on évite de mettre une unité.

Michel Suquet
le 19 décembre 2023
à 14:20

marges autour d’une image

Oui, en effet : cette fois c’est bon ; sauf si on est dans un une balise "quote" ou "poesie". Il y a une marge qui se rajoute.

Jean Christophe Villeneuve
le 19 décembre 2023
à 14:44

marges autour d’une image

Tu peux me donner un exemple ?

Michel Suquet
le 19 décembre 2023
à 15:04

marges autour d’une image

En regardant de plus près, je viens de comprendre ce qui ajoute une "marge" ; c’est le fait que si une image a un lien, cela ajoute une "marge". Quand c’est un texte, il y a une petite icône juste à la fin du lien mais pas pour une image.

Par exemple :
https://apmep-iledefrance.fr/Un-spectacle-a-ne-pas-manquer

Je ne sais si on peut faire quelque chose dans le cas d’une image, à part ne pas ajouter de lien sur une image.

Jean Christophe Villeneuve
le 19 décembre 2023
à 15:13

marges autour d’une image

Ah oui, bien vu !
Ce sera corrigé dans la prochaine version.
En attendant, tu peux rajouter ceci dans le perso.css

.spip_documents a.spip_out {
	padding-right: 0;
}

Michel Suquet
le 19 décembre 2023
à 15:18

marges autour d’une image

Je viens de trouver un exemple avec des images et des balises quote.
https://apmep-iledefrance.fr/Des-pepites-automnales-650

Pour la première balise, l’image est avant la balise et c’est bon.

Par contre, pour la deuxième balise, j’ai mis l’image dans la balise et il y a une marge en plus. Je suppose qu’il faut une règle pour blockquote.spip ?

Jean Christophe Villeneuve
le 19 décembre 2023
à 15:34

marges autour d’une image

Oui, c’est ça

blockquote.spip {
     margin-right: 0;
}

Michel Suquet
le 19 décembre 2023
à 21:35

marges autour d’une image

C’est bon. Merci !

Edito