Le 03/12/2009 12:01, SAM rᅵpondait ᅵ denisb :
>
>>> Dans une page HTML, c'est mᅵme 1<sup>re</sup>, 2<sup>e</sup> et
>>> 3<sup>e</sup> respectivement.
>>
>> oui.
>> ce qui nous met un souk infernal dans les espacements de lignes.
>
> sup { font-size: .5em; line-height: 1em; }
>
> Mᅵme si le line-height arrange un poil,
> cette rᅵgle ne rᅵsout rien, le font-size est ignorᅵ
Voilᅵ une excellente question, qui plus est parfaitement en charte dans
ce groupe : quelle est la meilleure faᅵon d'ᅵcrire des abrᅵviations avec
lettres supᅵrieures sans modifier les espacements de ligne ?
--
Olivier Miakinen
Des abrᅵviations avec des sup ? Ah, un truc comme 1er ?
Dᅵjᅵ, je ne serai pas assez tordu pour mettre <abbr> :)
Ensuite, simplement :
sup { line-height: 0 }
Oui : <http://www.orthotypographie.fr/volume-I/abreviations-01.html>.
> Dᅵjᅵ, je ne serai pas assez tordu pour mettre <abbr> :)
Et moi, pas assez pour penser ᅵ l'ᅵlᅵment ABBR pour ces abrᅵviations
conventionnelles.
> Ensuite, simplement :
> sup { line-height: 0 }
Eh bien voilᅵ : il suffisait que je pose la question pour que tu nous
donnes la rᅵponse. C'est parfait, merci beaucoup !
--
Olivier Miakinen
Je confirme, merci !
C'est un truc qui m'irritait beaucoup aussi...
N.
N'empᅵche ...
c'est un peu tordu de devoir mettre la hauteur de ligne ᅵ 0
pour qu'elle reste ᅵ 1em mᅵme pour sup
d'autant que ᅵa reste encore assez moche
le lle de Mlle
se retrouve presque mᅵlangᅵ ᅵ la ligne du dessus, par exemple
Comment arriver ᅵ faire : Nᅵ
oᅵ le o est
- rᅵduit en taille
- ᅵ peu prᅵs alignᅵ sur hauteur de majuscule
Pas ni compris en quoi <abbr> pouvait aider ?
(mᅵme si sᅵmantiquement ... )
--
sm
L'idᅵe, il me semble, est que les lignes avec lettres supᅵrieures aient
la mᅵme hauteur que celles sans lettres supᅵrieures : mettre la hauteur
de ligne des SUP ᅵ 0 permet de dire ᅵ ce n'est pas parce qu'il y a une
lettre supᅵrieure qu'on change l'espacement ᅵ.
> d'autant que ᅵa reste encore assez moche
> le lle de Mlle
> se retrouve presque mᅵlangᅵ ᅵ la ligne du dessus, par exemple
Pour cela, tu peux rajouter une ou plusieurs des rᅵgles suivantes :
- diminuer le corps des lettres en SUP
- augmenter la hauteur de ligne des paragraphes
> Comment arriver ᅵ faire : Nᅵ
> oᅵ le o est
> - rᅵduit en taille
> - ᅵ peu prᅵs alignᅵ sur hauteur de majuscule
Pour ᅵa, j'avais fait des essais ᅵ une ᅵpoque, et malheureusement d'un
navigateur ᅵ un autre ou d'une police de caractᅵres ᅵ une autre j'avais
toujours des diffᅵrences.
> Pas ni compris en quoi <abbr> pouvait aider ?
Moi ni non plus. ;-)
> (mᅵme si sᅵmantiquement ... )
Sᅵmantiquement, un ABBR doit servir plus souvent aux sigles qu'aux
abrᅵviations conventionnelles : il y a peu de risques que ᅵ 1^er ᅵ soit
lu autrement que ᅵ premier ᅵ, ᅵ C^ie ᅵ autrement que ᅵ compagnie ᅵ (sauf
par mes enfants) ou ᅵ M^lle ᅵ autrement que ᅵ mademoiselle ᅵ.
--
Olivier Miakinen
Allez, on dira comme ᅵa.
Mais je n'aurais certainement pas trouvᅵ tout seul !
>> d'autant que ᅵa reste encore assez moche
>> le lle de Mlle
>> se retrouve presque mᅵlangᅵ ᅵ la ligne du dessus, par exemple
>
> Pour cela, tu peux rajouter une ou plusieurs des rᅵgles suivantes :
> - diminuer le corps des lettres en SUP
Non
(marche pᅵ chez moi)(ou alors j'ai merdᅵ)
> - augmenter la hauteur de ligne des paragraphes
Oui, bon, bof.
>> Comment arriver ᅵ faire : Nᅵ
>> oᅵ le o est
>> - rᅵduit en taille
>> - ᅵ peu prᅵs alignᅵ sur hauteur de majuscule
>
> Pour ᅵa, j'avais fait des essais ᅵ une ᅵpoque, et malheureusement d'un
> navigateur ᅵ un autre ou d'une police de caractᅵres ᅵ une autre j'avais
> toujours des diffᅵrences.
Bon on verra ᅵa lors de la prochaine dᅵcennie ?!
--
sm
Pas facile de s'y retrouver en typo web parce qu'il me semble que les
dᅵfinitions ne sont pas les mᅵmes qu'en typo classique et faire le
moindre calcul me parait difficile puisque cela dᅵpend des jambages,
majuscules...
Bien entendu, s'il venait ᅵ l'idᅵe de quelqu'un de faire un sup en
inline-block avec un saut de ligne, les lignes seraient confondues.
>> Comment arriver ᅵ faire : Nᅵ
>> oᅵ le o est
>> - rᅵduit en taille
>> - ᅵ peu prᅵs alignᅵ sur hauteur de majuscule
>
> Pour ᅵa, j'avais fait des essais ᅵ une ᅵpoque, et malheureusement d'un
> navigateur ᅵ un autre ou d'une police de caractᅵres ᅵ une autre j'avais
> toujours des diffᅵrences.
Vous ᅵtre contre l'utilisation du dᅵgrᅵ pour faire un petit o ?
Sinon un <sup>o</sup> fonctionne comme il faut mais ce sera alignᅵ
en-dessous de la hauteur de la majuscules. Et une minuscule, tu peux
toujours mettre ton sup en /relative/ et mettre un top qui vaut la
diffᅵrence entre la hauteur de majuscule et l'oeil (hauteur des
minuscules sans les jambages). Tu fais ᅵa ᅵ l'oeil, sauf si tu as toutes
les donnᅵes.
>
>> Pas ni compris en quoi <abbr> pouvait aider ?
>
> Moi ni non plus. ;-)
Oui bon, c'est un peu comme une blague de geek :)
Mais je suis sᅵr que l'on doit pouvoir trouver un article quelque part
qui dit que l'on doit employer abbr dans une recherche d'accessibilitᅵ
pour les dᅵficiences mentales (j'ai dᅵjᅵ lu des choses trᅵs proches).
Perso, j'utilise : ᅵ.
Mais ᅵ la rᅵflexion, je ne sais plus pourquoi. Faut l'ᅵclairage de OM.
--
Olivier
<http://www.usenet-fr.net/fur/usenet/repondre-sur-usenet.html>
Maj : OM => Miakinen.
Tout le monde s'appelle Olivier quelque chose dans le coin ! ;)
--
Olivier
<http://www.usenet-fr.net/fur/usenet/repondre-sur-usenet.html>
C'est le monde des Olivier ? :-D
Ok ! ---> []
--
Michaël DENIS
Oui mais moi je suis un rebelle et je rᅵponds qd mᅵme !
Et puis t'as raison, Olivier c'est surfait, je vais changer...
Pour le degrᅵ, eh bien c'est un degrᅵ, ᅵa ne devrait poser de problᅵme
que si les aides techniques interprᅵtent cette unitᅵ comme un degrᅵ et
non comme numᅵro lorsqu'il suit un 'n'.
ᅵ ᅵa, plusieurs rᅵponses :
- ᅵ la limite, le problᅵme ne se pose pas si l'on n'a besoin que
d'ᅵcrire Nᅵ, puisque le o en lettre supᅵrieure existe dans Unicode
(il fait mᅵme partie de ISO Latin1 et ISO Latin9) : ᅵ ;
- il n'en reste pas moins que le degrᅵ est parfaitement rond alors que
le petit o a une forme de... o : ᅵᅵᅵᅵᅵᅵᅵᅵᅵᅵ ;
- mais surtout, le problᅵme est pour toutes les lettres autres que le
o et le a : 1^er, 1^re, C^ie, M^me, M^mes, M^lle, etc., et aussi pour
les chiffres (10^100).
> Sinon un <sup>o</sup> fonctionne comme il faut mais ce sera alignᅵ
> en-dessous de la hauteur de la majuscules. Et une minuscule, tu peux
> toujours mettre ton sup en /relative/ et mettre un top qui vaut la
> diffᅵrence entre la hauteur de majuscule et l'oeil (hauteur des
> minuscules sans les jambages).
Tu aurais un exemple prᅵcis de rᅵgles CSS qui marchent ?
> Tu fais ᅵa ᅵ l'oeil, sauf si tu as toutes les donnᅵes.
Je suppose que ton deuxiᅵme emploi du mot ᅵ ᅵil ᅵ correspond ᅵ l'usage
courant et non l'usage typographique, n'est-ce pas ? Dans ce cas, si
tu veux dire que tu le rᅵgles en fonction de ce que tu vois dans un
navigateur donnᅵ, sur un systᅵme d'exploitation donnᅵ, avec une police
de caractᅵres donnᅵe et un corps donnᅵ, alors c'est bien le problᅵme que
j'avais eu : ᅵa change en fonction de paramᅵtres que ne contrᅵle pas
l'auteur de la page web.
>>> Pas ni compris en quoi <abbr> pouvait aider ?
>>
>> Moi ni non plus. ;-)
<hors sujet>
Je n'ai pas rᅵussi ᅵ trouver si ᅵ pas ni compris ᅵ ᅵtait une expression
rᅵgionale, et si oui, de quelle rᅵgion... SAM ?
</>
> Oui bon, c'est un peu comme une blague de geek :)
> Mais je suis sᅵr que l'on doit pouvoir trouver un article quelque part
> qui dit que l'on doit employer abbr dans une recherche d'accessibilitᅵ
> pour les dᅵficiences mentales (j'ai dᅵjᅵ lu des choses trᅵs proches).
Mᅵme pour des abrᅵviations hyper-conventionnelles comme ᅵ M^me ᅵ ?
> - ᅵ la limite, le problᅵme ne se pose pas si l'on n'a besoin que
> d'ᅵcrire Nᅵ, puisque le o en lettre supᅵrieure existe dans Unicode
> (il fait mᅵme partie de ISO Latin1 et ISO Latin9) : ᅵ ;
Mince alors, je ne l'avais jamais vu (ou plutᅵt remarquᅵ).
> - mais surtout, le problᅵme est pour toutes les lettres autres que le
> o et le a : 1^er, 1^re, C^ie, M^me, M^mes, M^lle, etc., et aussi pour
> les chiffres (10^100).
>
Quel problᅵme ? Un line-height nul ne suffit pas ?
> Tu aurais un exemple prᅵcis de rᅵgles CSS qui marchent ?
>
Prᅵcis, non ; qui marche, faut voir.
Tirᅵ d'une css :
body { font-size: 1.1em; line-height: 1.5 }
sup { position: relative; top:0.1em; font-size: 0.6em; line-height:0; }
Les approximations de calcul font que tu observes parfois un dᅵcalage
pour certains redimensionnements.
> Je suppose que ton deuxiᅵme emploi du mot ᅵ ᅵil ᅵ correspond ᅵ l'usage
> courant et non l'usage typographique, n'est-ce pas ? Dans ce cas, si
> tu veux dire que tu le rᅵgles en fonction de ce que tu vois dans un
> navigateur donnᅵ, sur un systᅵme d'exploitation donnᅵ, avec une police
> de caractᅵres donnᅵe et un corps donnᅵ, alors c'est bien le problᅵme que
> j'avais eu : ᅵa change en fonction de paramᅵtres que ne contrᅵle pas
> l'auteur de la page web.
>
Je dis ᅵ l'oeil, pardon ᅵil, car on ne dispose pas toujours des donnᅵes
typo de la fonte que l'on utilise.
Je pensais pouvoir enfin utiliser ex, mais ᅵa ne fonctionnait pas
(j'avais peut-ᅵtre mal rᅵalisᅵ mon test). Car normalement, un bottom de
1ex est, il me semble, censᅵ placᅵ mon texte ᅵ la hauteur des
minuscules. Or ᅵa place le texte ᅵ une hauteur que je ne sais pas
interprᅵter.
Donc je fais ᅵ l'ᅵil :)
> Mᅵme pour des abrᅵviations hyper-conventionnelles comme ᅵ M^me ᅵ ?
Ce n'ᅵtait pas ᅵ propos de ce genre d'abrᅵviations, donc je ne sais pas.
Mais les prᅵconisation que je lis parfois pour l'accessibilitᅵ aux
dᅵficiences mentales me semblent hors des rᅵalitᅵs. Il me parait ᅵvident
que l'on ne peut destiner un site sur Edgard Morin ᅵ des dᅵficients
mentales, sans cynisme aucun.
Oh !?
ᅵᅵ c'est encore une de mes libertᅵs prise avec les langues.
ᅵa se veut s'approcher de ᅵ pa ni pwoblem' ᅵ
tel que je crois volontiers employᅵ dans certaine(s) iles.
Je pense que ᅵa devrait se traduire par ᅵ il n'y a pas de problᅵme ᅵ
<http://creoles.free.fr/Cours/glossai2.htm#N>
bien qu'un mᅵtropolitain sera tentᅵ de comprendre ᅵ aucun problᅵme ᅵ
Sauf que lᅵ avec ᅵ pas ni compris ᅵ
il faudrait lire ᅵ pas rien compris ᅵ
un peu comme dans le midi oᅵ, parfois, la double nᅵgation n'y est pas
une affirmation mais bien un renforcement de la nᅵgation.
Donc, finalement, il eut fallu comprendre ᅵ rien de rien compris ᅵ
ou ᅵ rien compris ᅵ quoique ce soit ᅵ
Maintenant, j'ai aussi ᅵa en stock : ᅵ ᅵa ne me rigole pas ᅵ
(Lᅵ c'est une expression familiale)
Donc ne pas s'ᅵtonner si un jour je l'emploie. ;-)
> </>
ᅵa y est ! Je viens de le trouver sur mon clavier: ᅵ (Alt+u)
Je n'ai plus aucune excuse pour continuer d'employer ᅵ ...
>> - mais surtout, le problᅵme est pour toutes les lettres autres que le
>> o et le a : 1^er, 1^re, C^ie, M^me, M^mes, M^lle, etc., et aussi pour
>> les chiffres (10^100).
>
> Quel problᅵme ? Un line-height nul ne suffit pas ?
Heu ... si je tape simplement :
1<sup>100</sup>
chez moi l'exposant 100 reste en taille identique ᅵ 1
ᅵa ne m'affiche pas: 10^100
(lᅵ, ici dans Thunderbird, le 100 est en + petit que le 1)
(par contre M^lle n'y est pas interprᅵtᅵ du tout)
--
sm
Ah, je savais bien que ᅵa me rappelait quelque chose, mais je n'avais
pas rᅵussi ᅵ mettre le doigt dessus.
> tel que je crois volontiers employᅵ dans certaine(s) iles.
> Je pense que ᅵa devrait se traduire par ᅵ il n'y a pas de problᅵme ᅵ
> <http://creoles.free.fr/Cours/glossai2.htm#N>
Merci pour le lien et l'explication.
> Maintenant, j'ai aussi ᅵa en stock : ᅵ ᅵa ne me rigole pas ᅵ
> (Lᅵ c'est une expression familiale)
> Donc ne pas s'ᅵtonner si un jour je l'emploie. ;-)
D'accord, on est prᅵvenus ! ;-)
> Heu ... si je tape simplement :
> 1<sup>100</sup>
> chez moi l'exposant 100 reste en taille identique ᅵ 1
> ᅵa ne m'affiche pas: 10^100
> (lᅵ, ici dans Thunderbird, le 100 est en + petit que le 1)
> (par contre M^lle n'y est pas interprᅵtᅵ du tout)
>
Dans l'exemple que j'ai donnᅵ ᅵ Olivier, tu pourras constater que j'ai
ᅵgalement rᅵduit la taille de la fonte dans <sup>
Ça y est !
Je viens de la comprendre !
Enfin ... je croix ?
> Ok ! ---> []
Poussez pas là, quoi!
--
sm
ᅵ Olivier Toutcourt ?
> tu pourras constater que j'ai
> ᅵgalement rᅵduit la taille de la fonte dans <sup>
Ben non ... vu que je n'ai pas trouvᅵ ce ᅵ quoi tu te rᅵfᅵres.
Sur un autre NG que fclwa ?
De mon cᅵtᅵ la rᅵduction de taille de fonte dans sup est complᅵtement
ignorᅵe par au moins un de mes navigateurs.
--
sm
... ᅵ Olivier moi-mᅵme :
<4b1e34f7$0$21165$426a...@news.free.fr>
body { font-size: 1.1em; line-height: 1.5 }
sup { position: relative; top:0.1em; font-size: 0.6em; line-height:0; }
</>
--
Olivier Miakinen
Bon ... alors c'est qui ᅵui-lᅵ encore ?
> <4b1e34f7$0$21165$426a...@news.free.fr>
Ha! OK.
> body { font-size: 1.1em; line-height: 1.5 }
> sup { position: relative; top:0.1em; font-size: 0.6em; line-height:0; }
> </>
Bon. Ben ... pas plus (mon Firefox.3.x)
Va m'falloir essayer le 3.5 un de ces jours.
--
sm
> Bon. Ben ... pas plus (mon Firefox.3.x)
>
> Va m'falloir essayer le 3.5 un de ces jours.
>
Ah ? ᅵa fonctionne pourtant parfaitement sur IE8, FF 3.5 et Op10. Lᅵger
dᅵcalage du top sous Safari4. Gros dᅵcalage sur IE7, 6 et 5.
Mais la modification de la taille fonctionne sur tous ces navigateurs.
Sur Windows (j'ai pas de Mac et je n'ai pas d'interface graphique sur
Linux).
:-)
> Enfin ... je croix ?
;-)
--
Michaël DENIS
Non ?
> Enfin ... je croix ?
Maissi !
C'est pourtant pas vendredi ?-)
> Pour le degr�, eh bien c'est un degr�, �a ne devrait poser de probl�me
> que si les aides techniques interpr�tent cette unit� comme un degr� et
> non comme num�ro lorsqu'il suit un 'n'.
Bonjour,
Vieille discussion !
J'utilise l'indicateur ordinal masculin 0x00BA (0186 d�cimal) qui fait
partie de iso-8859-1 et -15.
Avec degr� : N� - Avec indicateur ordinal masculin : N�
J'ai d'ailleurs programm� ce caract�re dans mon pilote de clavier avec
AltGr-Shift-� -> �
D'autre part, pour mon site, les <sup> et <sub> sont d�finis comme suit
dans les fichiers css :
sup {position:relative;top:0.2em;line-height:0;margin-left:1px;}
sub {position:relative;bottom:0.2em;line-height:0;margin-left:1px;}
--
Ce n'est pas parce que l'erreur se propage qu'elle devient v�rit�. Gandhi
Technologie a�ronautique : http://aviatechno.free.fr (http://ottello.net)
Concorde dans la presse de 1965 � 2003 : http://le.pointu.free.fr
Oui, c'est sympa mais on a d�j� r�pondu � tout �a hein ;)