Archive Liste Typographie
Message : [typo] Supérieures et HTML

(Foucauld Perotin) - Lundi 09 Janvier 2006
Navigation par date [ Précédent    Index    Suivant ]
Navigation par sujet [ Précédent    Index    Suivant ]

Subject:    [typo] Supérieures et HTML
Date:    Mon, 9 Jan 2006 14:49:50 +0100
From:    "Foucauld Perotin" <fp.listes@xxxxxxxxxxx>

Bonjour,

Si mes souvenirs sont bons, on nous a expliqué que les
supérieures dans Unicode, il ne faut pas compter dessus,
et que c'est aux dispositifs de niveaux supérieurs de
s'occuper de ce genre de choses. Par exemple les navigateurs,
pour ce qui concerne les textes en html.

Nous voilà donc avec des « n<sup>o</sup> » et autres
« 1<sup>er</sup> ».

L'affichage par défaut en est déplorable, et la hauteur de
ligne des lignes concernées est modifiée, ce qui produit un
effet détestable. Alors, je me suis dit naïvement qu'on
devait pouvoir y remédier.

Les puristes excuseront mon développement, à la limite du
hors-sujet et un peu « cambouis », mais puisqu'on répète aux
typos depuis des lustres que les supérieures sont peut-être
dans la casse parisienne, mais sûrement pas dans Unicode, il
faudrait parvenir à écrire nº et 1er dans les pages html les
plus ordinaires sans se poser mille questions, ni accepter une
présentation affreuse.

Mon problème concernait, très simplement, les pages du site
Garamonpatrimoine. Par exemple
<http://www.garamonpatrimoine.org/coupures.html>
(pleine de numéros...) et
<http://www.garamonpatrimoine.org/coupures_presse/bibliomosley.html>
(dont la lecture est, au passage, vivement recommandée...)

Il y a effectivement des paramètres qui affectent la
présentation des SUP. Ces paramètres peuvent être précisés
dans les feuilles de styles CSS, et il ont des valeurs par
défaut, correspondant à des recommandations du W3C, qui
permettent de comprendre ce qu'affichent les différents
navigateurs quand ces paramètres ne sont pas précisés.

On peut notamment indiquer deux choses :
- la hauteur d'oeil relative des supérieures,
- la position des caractères.

Les valeurs par défaut sont évoquées, par exemple, ici :

  <http://edu.ca.edu/article260.html>

Ainsi, pour ce qui nous intéresse :
>SMALL, SUB, SUP { font-size: .83em }
>SUP { vertical-align: super }

Soit, en pratique, une hauteur d'oeil de 83 % par rapport
au texte courant, et des caractères placés en exposant, donc
notablement trop haut pour nos supérieures. Il s'agit de valeurs
dont je suppose qu'elles doivent convenir pour certaines formules
mathématiques (?) mais certainement pas pour les supérieures. Ce
« vertical-align » en « super » est notamment la cause de la
forte variation de la hauteur de ligne.

Nous voudrions obtenir trois choses :
- une hauteur d'oeil correcte,
- un placement correct,
- une hauteur de ligne inchangée.

Ben, j'y suis pas arrivé ! :o)

Voici cependant le récit de mes essais.

Jacques André a bien voulu me transmettre les éléments qui
m'ont permis d'avoir un objectif précis (voir fichier joint)
une oeil de 63% et un parangonnage de 26%.

D'ailleurs, je peux indiquer ces valeurs, en plaçant
dans mon fichier de CSS les lignes suivantes :

  sub, sup { font-size: 63% }
  sup { vertical-align: 26% }

Mais la hauteur de la ligne restera affectée par ce parangonnage.

L'alternative « passable », c'est de choisir un alignement du
type « top », qui ne l'est pas vraiment en fait (pas top...)

  sub, sup { font-size: 63% }
  sup { vertical-align: top }

Dans ce cas, la hauteur de la ligne est enfin correcte, mais
les caractères dont on aimerait que ce soient des supérieurs
son bien trop bas.

La réponse est-elle qu'il n'y a AUCUNE solution ? Je ne
comprends pas notamment qu'on ne puisse fixer la hauteur des
lignes de manière plus autoritaire... (mais j'ai peut-être raté
quelque chose)

Une dernière chose : pour que l'affichage de ces petites
supérieures ressemble à ce que l'on souhaite, il faut encore,
pour un navigateur comme Safari, décocher l'option « Ne jamais
utiliser de tailles de caractères inférieures à [9] »
(voir Préférences > Avancées)... Les facteurs qui influencent
la présentation de ces caractères sont ainsi très nombreux,
alors qu'on préférerait, je crois, exactement le contraire.

Amicalement,

F.P.

Attachment: sup.pdf
Description: Adobe PDF document