Discussion utilisateur:Zyephyrus/Essais de Montaigne annotés

Le contenu de la page n’est pas pris en charge dans d’autres langues.
La bibliothèque libre.

Salut à tous,

j'ai fait quelques tests pour comprendre comment fonctionne le modèle NoteADroite afin de l'améliorer et qu'il puisse fonctionner sur les Essais de Montaigne et ailleurs. Dans tous les tests ci-dessus, la couleur de fond est modifiée de façon à voir vraiment où se situe la note et comment elle est constituée, mais dans le modèle final, ce ne serait pas le cas. Voilà ce que j'ai constaté :

  • 1. c'est grace à l'emploi de <span> au lieu de <div> qu'on n'a pas de saut de ligne intempestif. Il faut donc garder cette balise.
  • 2. la position de la note est calculée par rapport à sa position "normale", c'est-à-dire dans notre exemple à quelques pixels de fin,". 2 conséquences :
  1. Lorsque le navigateur, la police de caractère, la taille du texte changent, un utilisateur peut voir autre chose qu'un autre. Par exemple, Zephyrus indique que la note ne s'affiche pas du tout dans son cas, mais moi je la vois depuis le poste informatique que j'utilise.
  2. Lorsque le texte change et que la position "normale" de la note se déplace, la note elle-même est translatée. exemple (ici la note utilise exactement la syntaxe du modèle NoteADroite) :

C'est icy un livre de bonne foy, lecteur. Il t'advertit dès l'entrée, que je ne m'y suis proposé aucune fin,fin signifie but que domestique et privée. Je n'y ay eu nulle consideration de ton service, ny de ma gloire. Mes…

C'est icy un livre de bonne foy, lecteur. C'est icy un livre de bonne foy, lecteur. Il t'advertit dès l'entrée, que je ne m'y suis proposé aucune fin,fin signifie but que domestique et privée. Je n'y ay eu nulle consideration de ton service, ny de ma gloire. Mes…

  • 3. on constate dans tous les cas que cette position relative par rapport à la position "normale" implique non seulement un décalage vers la droite, mais aussi vers le bas, la note n'est alors pas en face du mot qu'elle commente (fin). J'ai constater (sans trop savoir pourquoi qu'inclure le code actuel de la note dans une autre balise <span> avec position:absolute permet de se recaler comme il faut. Par ailleurs, cette "sur-balise" permet de régler le point 2 en définissant un marge par rapport à la gauche de la page (margin-left). Mais en conséquence il ne faut pas décaller à l'aide d'un right ou d'un left dans la balise <span> qui contient le texte. Cependant, cette solution doit être adaptée à la classe dans laquelle se trouve le texte ("text", "lefttext" ou "pagetext")[1]
  • 4. le texte de la note est indenté si le paragraphe auquel il appartient est indenté, et inversement. Pour y remédier, on peut ajouter text-indent:0em; (ou autre valeur) dans la balise <span> qui contient le texte.
  • 5. accessoirement, on peut diminuer la taille du texte dans les note.



Intégration de ces modification :

  • syntaxe initiale du modèle NoteADroite :
    <span style="position:relative;"><span style="background:#ffffff; width:10em; position:absolute; top:0em; right:-12em; ">fin signifie but</span></span>
  • nouvelle syntaxe proposée, pour un texte de la classe "lefttext" (avec margin: 5em; et width: 33em; d'après la feuille de style) :
    <span style="position:absolute; margin-left:5em; left:33em;"><span style="position:relative;"><span style="background:#ffffff; width:10em; position:absolute; top:0em; left:0em; text-indent:0em; font-size:smaller;">fin signifie but</span></span></span>
tests :

C'est icy un livre de bonne foy, lecteur. Il t'advertit dès l'entrée, que je ne m'y suis proposé aucune fin,fin signifie but que domestique et privée. Je n'y ay eu nulle consideration de ton service, ny de ma gloire. Mes…


C'est icy un livre de bonne foy, lecteur. Il t'advertit dès l'entrée, que je ne m'y suis proposé aucune fin,fin signifie but que domestique et privée. Je n'y ay eu nulle consideration de ton service, ny de ma gloire. Mes…

C'est icy un livre de bonne foy, lecteur. C'est icy un livre de bonne foy, lecteur. C'est icy un livre de bonne foy, lecteur. C'est icy un livre de bonne foy, lecteur. Il t'advertit dès l'entrée, que je ne m'y suis proposé aucune fin,fin signifie but que domestique et privée. Je n'y ay eu nulle consideration de ton service, ny de ma gloire. Mes…

  • Syntaxe proposée pour un texte en classe "pagetext" (sans margin et avec width: 33em; d'après la feuille de style) :
    <span style="position:absolute; left:33em;"><span style="position:relative;"><span style="background:#ffffff; width:10em; position:absolute; top:0em; left:0em; text-indent:0em; font-size:smaller;">fin signifie but</span></span></span>
test :

C'est icy un livre de bonne foy, lecteur. Il t'advertit dès l'entrée, que je ne m'y suis proposé aucune fin,fin signifie but que domestique et privée. Je n'y ay eu nulle consideration de ton service, ny de ma gloire. Mes…



  • dans un texte en classe "text", il ne faut pas utiliser la "sur-balise" en position abosule mais se rapprocher de la syntaxe initiale du modèle NoteADroite.
    • Une conséquence est que le décalage vers le bas (point 3.) ci-dessus réapparait. Cela peut-être corrigé en remontant artificiellement la balise (avec top).
    • On constate qu'en reprenant le modèle de NoteADroite avec left:0em la note se situe à peu près au milieu (latéralement) du texte. Il faut donc décaler vers la droite (j'ai constaté que 18em fonctionnait pas mal[2]). Mais comme ces "em" sont définis à partir de la taille des caractères, le font-size:smaller ne doit pas être mis dans la même balise. D'où la proposition suivante :
      <span style="position:relative;"><span style="background:#ffffff; width:10em; position:absolute; top:-1em; left:18em; text-indent:0em;"><span style="font-size:smaller;">fin signifie but</span></span></span>
test :

C'est icy un livre de bonne foy, lecteur. Il t'advertit dès l'entrée, que je ne m'y suis proposé aucune fin,fin signifie but que domestique et privée. Je n'y ay eu nulle consideration de ton service, ny de ma gloire. Mes…



Qu'en pensez-vous ?

Bigon 28 décembre 2006 à 13:01 (UTC)[répondre]


  1. Autrement dit il serait peut-être judicieux de travailler directement dans la feuille de style, si mes propositions s'avèrent fonctionner pour tous... par exemple ici
  2. depuis mon poste informatique, il serait indispensable de savoir si cela fonctionne avec d'autres postes, notamment d'autres tailles d'écran