Citations côte à côte en liste

Up: Next:

Il m’arrive de vouloir mettre côte à côte des citations d’un même passage dans plusieurs langues. J’utilise une liste dont je demande l’affichage horizontal : des items côte à côte comme les cellules d’une ligne dans une table, plutôt que l’un en dessous de l’autre. Ma liste horizontale est donc essentiellement une table d’une seule ligne. Cela s’obtient en CSS en donnant aux items de la liste (éléments <html:li>) la propriété "display; table-cell;"¹ avec laquelle en outre, les cellules se partagent l’espace en largueur comme dans une table². Il n’est pas nécessaire d’intercaler des éléments avec propriété "display;" de ligne et de table : s’il y a des cellules "display; table-cell;" sans ligne ni table, ces derniers éléments sont implicites pour HTML et CSS.

Cela donne en fin de compte en TEI une liste horizontale de citations.

<list rend="horiz">
  <item>
    <cit xml:lang="de">
      <quote>
        <p>… </p>
        <p>… </p>
      </quote>
      <bibl>… </bibl>
    </cit>
  </item>
  <item>
    <cit xml:lang="fr">
      <quote>
        <p>… </p>
        <p>… </p>
      </quote>
      <bibl>… </bibl>
    </cit>
  </item>
</list>
          ⚓

Un <epigraph> peut contenir une telle liste.

Notes

Avant de connaître ça, je flottais les items à gauche.

↵

Dans le cas du flottement à gauche, il fallait donner à chacun des items une largeur pour un total inférieur à 100 %, sous peine de voir passer un des items à la ligne. (Il fallait aussi un élément <ab> terminant la flottaison, "clear: both;" en CSS.) Avec les items se comportant comme des cellules, ils restent de toute manière dans une seule ligne. On peut cependant régler la largeur de certaines colonnes pour compenser la plus grande longueur du texte dans une langue plutôt que dans une autre.

↵

Up: Next: