Le temps qu’il fait à Bruxelles   Le temps de Bruxelles :

Dominique Meeùs
Dernière modification le   
retour à la table des matières — à l’index — à ma page de départ

Citations côte à côte en liste

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;1 avec laquelle en outre, les cellules se partagent l’espace en largueur comme dans une table2. 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
1.
Avant de connaître ça, je flottais les items à gauche.
2.
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.
Dominique Meeùs . Date: 2011… 2019