indice et exposant en css ? Résolu

Question

Bonjour,

Comment peut on faire pour mettres les indices (en bas de lettre petite taille)  et les exposants (en haut de lettre petite taille) ?
Balise xhtml ou style css ?

Je n'aime pas la balise <sup> parce qu'elle me décale mes interlignes d'un demi point. créant une interligne de 1 et demi.
Y a t'il d'autres balises html ?

Et en css, quelle classe peut on créer ? Si ça existe....

Namasté
Yv

gryzzly · Accepted Answer

Comment peut on faire pour mettres les indices (en bas de lettre petite taille) _{et les exposants (en haut de lettre petite taille) ?

^{Je n'aime pas la balise ^{parce qu'elle me décale mes interlignes d'un demi point. créant une interligne de 1 et demi. Y a t'il d'autres balises html ?

non

Et en css, quelle classe peut on créer ? Si ça existe....

SMALL, SUB, SUP { font-size: .83em } /*tu dois pouvoir jouer avec les propriétés d'interligne et de dimension des lignes ici*/
SUB { vertical-align: sub }
SUP { vertical-align: super }}}}

yiv · Answer

A super, j'essaie le css
Merci
Yv

yiv · Answer

Ouaip ça marche

Merci gryzzly
Om
Yv

gryzzly · Answer

Super. Tu peux donner la solution exacte pour les suivants ?

yiv · Answer

Donc en css, il suffit de créer une class .sup, dans laquelle tu indiques [vertical-align: super;]  pour l'indice exposant, et tu l'appliques aux termes que tu veux en exposant.

Par exemple tu peux faire la class css suivante : 

  .sup { vertical-align: super; font-size: 50%; }

Entre les accolades tu mets toutes les propriétés que tu veux : taille, police, écartement, couleurs, etc...)

Om
Yv

nicomo · Answer

en fait je ne vois pas pourquoi il faut creer un class .sup, quand on peut directement faire un style pour <sup>

par ex.
sup {
	font-size: .7em;
	line-height: .8em;
}

ciao, n

pkjmr · Answer

Bonjour
Je suis d'accord avec nicomo. Etant donné que l'annotation fait partie de la structure du texte, il est justifié et je pense même préférable d'utiliser la balise correspondante. Utiliser par exemple un <span class="sup"> laisserait entendre qu'on considère la notation en exposant comme de la pure présentation. Ce n'est pas pour rien que cette balise est présente en xhtml.

FélixFélix · Answer

Bonjour

Merci pour toutes ces infos mais malgré ça j'ai quand même un problème !

si je donne une valeur supérieur à .50em à mon exposant, il augmente mon interligne
j'ai bien précisé dans la css de mon bloc texte : line-height... 
et : .sup{vertical-align: sup; dans ma class 

Mon exposant n'est pas assez voyant il faudrait que j'augmente sa taille sans qu'il n'y est de modification d'interligne

pourriez-vous, svp, me dire quoi faire ?

Kitkatryne · Answer

Avec vertical-align:text-top pour sup dans la feuille de style, il n'y a plus de souci pour la hauteur de l'interligne, puisque le haut de l'exposant a le même plafond que le reste du texte : il est juste collé au plafond, avec une hauteur et une police plus petite.

Indice et exposant en css ?

9 réponses

Votre réponse

Discussions similaires