Bandeau

Site de démonstration du jeu de squelettes ESCAL fonctionnant sous SPIP3 et mis à la disposition des Etablissements SColaires de l’Académie de Lyon... et de qui veut.

liste dans un encadrement

Michel Suquet
le 28 juin 2022
à 15:28 		Rappel du sujet :

Bonjour,

j’ai un problème de mise en page dans un encadrement qui contient une liste : il y a trop d’espaces sous certaines lignes ; voir cette page.

Voici le code utilisé :

| Soit $ABCD$ un carré de longueur de côté 1.
{Toutes les constructions suivantes se passent à l’intérieur de ce carré.}
-* On trace le demi-cercle $\mathscr{C_1}$ de diamètre $[AB]$.
-* On trace le demi-cercle $\mathscr{C_2}$ passant par $C$, de centre $E$ appartenant à $[BC]$ et tangent extérieurement à $\mathscr{C_1}$.
-* On trace le demi-cercle $\mathscr{C_3}$ passant par $D$, de centre $F$ appartenant à $[CD]$ et tangent extérieurement à $\mathscr{C_2}$.

-# Montrer qu’il existe un unique demi-cercle $\mathscr{C_4}$ à l’intérieur du carré, de centre $G$ appartenant à $[DA]$ et tangent extérieurement à la fois à $\mathscr{C_1}$ et à $\mathscr{C_3}$.
~
-# Calculer $AG$.
<doc1566|center>
{{Prolongements :}}
-* 2 cercles tangents $\mathscr{C_5}$ et $\mathscr{C_6}$, d'une part aux cercles $\mathscr{C_1}$, $\mathscr{C_3}$ et $\mathscr{C_4}$ (est-ce possible ?), et d'autre part aux cercles $\mathscr{C_1}$, $\mathscr{C_2}$ et $\mathscr{C_3}$ (idem) ; ces 2 cercles $\mathscr{C_5}$ et $\mathscr{C_6}$ ont pour centres respectifs $O_5$ et $O_6$ : sont-ils alignés avec $E$ et $G$ ?
~
-* et si on rajoute un cercle $\mathscr{C_7}$ tangent à $\mathscr{C_5}$, $\mathscr{C_6}$, $\mathscr{C_1}$ et $\mathscr{C_3}$ (est-ce d'ailleurs possible ?), son centre $O_7$ est-il aligné avec $F$ et $I$ ? |

Peut-on obtenir mieux ?

Cordialement,

Michel Suquet
liste dans un encadrement

Hello

A quel endroit exact trouves-tu qu’il y a trop d’espace ?
liste dans un encadrement

Bonjour Jean-Christophe,

au-dessus et en-dessous des listes.
liste dans un encadrement

Ok alors tu peux mettre ceci dans ton perso.css

ul.spip, ol.spip {
	margin: 0 auto;
}

Mais il semblerait qu’il y ait aussi des lignes vides entre la liste à puces et la liste numérotée ainsi qu’en-dessous de "Prolongements :"
liste dans un encadrement

Bjr,

Il me semble qu’il suffit de supprimer les sauts de ligne avant les 2 -# ainsi qu’avant le dernier -*

| Soit $ABCD$ un carré de longueur de côté 1.
Toutes les constructions suivantes se passent à l’intérieur de ce
carré.
-* On trace le demi-cercle $\mathscrC_1$ de diamètre $[AB]$.
-* On trace le demi-cercle $\mathscrC_2$ passant par $C$, de centre
$E$ appartenant à $[BC]$ et tangent extérieurement à $\mathscrC_1$.
-* On trace le demi-cercle $\mathscrC_3$ passant par $D$, de centre
$F$ appartenant à $[CD]$ et tangent extérieurement à $\mathscrC_2$.
-# Montrer qu’il existe un unique demi-cercle $\mathscrC_4$ à
l’intérieur du carré, de centre $G$ appartenant à $[DA]$ et tangent
extérieurement à la fois à $\mathscrC_1$ et à $\mathscrC_3$.
-# Calculer $AG$.
<doc1566|center>
Prolongements :
-* 2 cercles tangents $\mathscrC_5$ et $\mathscrC_6$, d’une part
aux cercles $\mathscrC_1$, $\mathscrC_3$ et $\mathscrC_4$ (est-ce
possible ?), et d’autre part aux cercles $\mathscrC_1$, $\mathscrC_2$
et $\mathscrC_3$ (idem) ; ces 2 cercles $\mathscrC_5$ et
$\mathscrC_6$ ont pour centres respectifs $O_5$ et $O_6$ : sont-ils
alignés avec $E$ et $G$ ?
-* et si on rajoute un cercle $\mathscrC_7$ tangent à
$\mathscrC_5$, $\mathscrC_6$, $\mathscrC_1$ et $\mathscrC_3$
(est-ce d’ailleurs possible ?), son centre $O_7$ est-il aligné avec $F$ et
$I$ ? |
Soit $ABCD$ un carré de longueur de côté 1.
Toutes les constructions suivantes se passent à l’intérieur de ce
carré.

  • On trace le demi-cercle $\mathscrC_1$ de diamètre $[AB]$.
  • On trace le demi-cercle $\mathscrC_2$ passant par $C$, de centre
    $E$ appartenant à $[BC]$ et tangent extérieurement à $\mathscrC_1$.
  • On trace le demi-cercle $\mathscrC_3$ passant par $D$, de centre
    $F$ appartenant à $[CD]$ et tangent extérieurement à $\mathscrC_2$.



  1. Montrer qu’il existe un unique demi-cercle $\mathscrC_4$ à
    l’intérieur du carré, de centre $G$ appartenant à $[DA]$ et tangent
    extérieurement à la fois à $\mathscrC_1$ et à $\mathscrC_3$.
  2. Calculer $AG$.



Prolongements :

  • 2 cercles tangents $\mathscrC_5$ et $\mathscrC_6$, d’une part
    aux cercles $\mathscrC_1$, $\mathscrC_3$ et $\mathscrC_4$ (est-ce
    possible ?), et d’autre part aux cercles $\mathscrC_1$, $\mathscrC_2$
    et $\mathscrC_3$ (idem) ; ces 2 cercles $\mathscrC_5$ et
    $\mathscrC_6$ ont pour centres respectifs $O_5$ et $O_6$ : sont-ils
    alignés avec $E$ et $G$ ?
  • et si on rajoute un cercle $\mathscrC_7$ tangent à
    $\mathscrC_5$, $\mathscrC_6$, $\mathscrC_1$ et $\mathscrC_3$
    (est-ce d’ailleurs possible ?), son centre $O_7$ est-il aligné avec $F$ et
    $I$ ?
liste dans un encadrement

Oui, c’est un "défaut" que j’ai également repéré à propos des retours à la ligne dans les tableaux spip, ce n’est pas lié au squelette Escal.
Essaie de faire "Maj + entrée" en fin des lignes où tu trouves que l’espace suivant est trop important.
Maj + entrée devrait afficher "_+espace" dans l’espace privé, et cela pourrait réduire l’espace avec la ligne suivante.

@+
Luc
liste dans un encadrement

J’ai supprimé les sauts de lignes mais le résultat est le même.

Avec Maj+Entrée, même résultat aussi.

Je vais voir en modifiant perso.css.
liste dans un encadrement

Sinon, au lieu d’utiliser un tableau, pourquoi ne pas utiliser un encadré [(texte)], moche à la base mais facilement améliorable avec un chouille de css.
liste dans un encadrement

même résultat en modifiant le perso.css.
liste dans un encadrement

Essaie avec

ul.spip, ol.spip {
	margin: 0 auto !important;
}
liste dans un encadrement

Je viens de remplacer les |texte| par des [(texte)] mais le problème est que le texte est alors centré ! Voir le lien du 1^er message.
liste dans un encadrement

en rajoutant !important ; dans le perso.css, même résultat.
liste dans un encadrement

Il te faut maintenant styler le cadre

.texteencadre-spip {
     text-align: left;
     border:none;
     background-color: #BBCCDD;
     margin: 0 10px;
     padding: 10px;
}

par exemple.
liste dans un encadrement

Oui, c’est mieux. Merci pour cette aide !

Pour le cadre, j’ai mis margin : 0 40px ;

Ce que j’aimerai, c’est avoir la possibilité aussi d’avoir un cadre sans fond coloré avec un autre code que [(texte)]. Par exemple avec |texte|. C’est possible ?
liste dans un encadrement

au fait, je laisse la modification précédente ?
ul.spip, ol.spip
margin : 0 auto !important ;
liste dans un encadrement

je remarque que le traitement n’est pas le même entre la 1^re liste et les listes suivantes car il y a un espace après prolongements. Ce serait bien d’avoir le même traitement.

Et pour avoir une ligne vide entre la 1^re liste et celle qui est numérotée, je suis obligé de mettre un .
liste dans un encadrement

Oui, ce n’était qu’un exemple à adapter à tes goûts.

Pour les listes, à toi de voir si tu supprimes ou pas les marges (et donc je vois que ça fonctionne avec !important). Moi je virerais ce code css pour garder les marges haut et bas, ça aère.

Le code |texte| correspond à un tableau. On peut le détourner, comme tu l’avais fait, pour créer un cadre mais avec les contraintes que tu connais. Après tu aussi jouer avec les raccourcis d’Escal : aide, important, ... ou avec la balise

<cadre>texte</cadre>

Voir cet article

L’espace après "prolongements" est la marge sous les paragraphes <p>
liste dans un encadrement

Ah oui, en virant le code css, on a un fonctionnement plus cohérent pour les marges sous les paragraphes.

Pour le cadre avec

texte

je vais faire des essais. Merci pour cette suggestion.
liste dans un encadrement

peut-on supprimer le logo dans les cadres aide, info,… ?
liste dans un encadrement

Oui, on pourrait.
Mais je pense qu’il y plus simple et plus performant avec le plugin Cibloc (il faut passer par le zip pour l’installer : copier l’url de l’archive et le coller dans l’interface d’ajout des plugins, en bas).
liste dans un encadrement

Bonjour,

je viens d’essayer le plugin cibloc qui est plus complexe. Il est possible de configurer les marges externes en haut et en bas mais je n’ai pas trouvé pour à gauche et à droite.

Avec le perso.css, j’ai mis ceci mais cela ne fonctionne pas :

.cibloc {
    margin.left: 1.0rem !important;
    margin.right: 1.0rem !important;
}

Ce ne doit pas être la bonne syntaxe.
liste dans un encadrement

Peux-tu me donner un exemple d’article où cibloc est en place ?
liste dans un encadrement

Je viens d’en ajouter un à cet article, en laissant le cadre précédent.
liste dans un encadrement

Arf j’aurais du le voir tout de suite : ce n’est pas margin.left et margin.right qu’il faut écrire mais margin-left et margin-right

Tu y étais presque !
liste dans un encadrement

Ah oui ! J’aurais dû aussi le voir.

Merci pour tout 🙂
liste dans un encadrement

Bah, tant que tu ne me demandes pas de résoudre tes problèmes mathématiques ...  😉
liste dans un encadrement

Bonsoir,
Super, vous venez de me faire découvrir Cibloc que je ne connaissais absolument pas !

Merci à vous 2

Yann
Réagir au sujet
Qui êtes-vous ?
Votre message

Pour créer des paragraphes, laissez simplement des lignes vides.
Attention ! Si votre message contient un lien, il devra être validé par le webmestre. Inutile de le poster à nouveau ;-)

Ajouter un document

Plan du site Contact Mentions légales Données personnelles et cookies Espace privé squelette RSS

2009-2025 © Escal - Tous droits réservés
Haut de page
Réalisé sous SPIP
Habillage ESCAL 5.2.14