Création
d'entreprise
Posez votre question Signaler

Indice et exposant en css ? [Résolu]

yiv 68Messages postés 30 octobre 2007Date d'inscription 10 novembre 2010Dernière intervention - Dernière réponse le 24 nov. 2011 à 19:11
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
Lire la suite 

Indice et exposant en css »

17 réponses
Réponse
+13
moins plus
Comment peut on faire pour mettres les indices (en bas de lettre petite taille)

<sub>

et les exposants (en haut de lettre petite taille) ?

<sup>

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 ?

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 }
Ajouter un commentaire
Réponse
+4
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
A super, j'essaie le css
Merci
Yv
Ajouter un commentaire
Réponse
+0
moins plus
Ouaip ça marche

Merci gryzzly
Om
Yv
Ajouter un commentaire
Réponse
+0
moins plus
Super. Tu peux donner la solution exacte pour les suivants ?
Ajouter un commentaire
Réponse
+0
moins plus
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
Ajouter un commentaire
Réponse
+0
moins plus
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.
telliak- 20 févr. 2009 à 17:39
Oui, mais comme le spécifiait la demande initiale : «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. »
Dalida- 20 févr. 2009 à 17:42
salut,

c'est une balise donc tu peux tout définir avec CSS, pas la peine d'utiliser un <span> et une classe, d'autant plus que comme ça tu ne perd pas la valeur sémantique de <sup>.
Ajouter un commentaire
Réponse
+0
moins plus
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 ?
misterFa - 15 avril 2010 à 11:52
oh cool c'est pas la peine de t'enflammer comme ça. j'ai dreamweaver et je fais avec, je me suis pas placé en spécialiste non plus.
bon j'ai trouvé ça que je vais finalement utiliser pour mes exposants :

dans la CSS :

sup {

valign: super;
font-size: 70%;
line-height: 80%;
}

l'interlignage n'est pas affecté et le chiffre se décroche mieux.
ça fait XXI ème siècle là ?
David Latapie- 15 avril 2010 à 12:46
C'est parfait, c'est la même méthode que j'utilise. J'utilise des valeurs différentes (line-height:80%;
font-size:82%) avec un résultat mitigé, car j'ai l'impression que l'on est un peu dépendant du navigateur, de la taille de police, de l'interlignage...

Dis-moi : peux-tu tester si le rendu est le même avec 1) une font-size à 200 % 2) une line-height à 1.4em (par exemple) 3) une autre police ? 4) une autre navigateur ?

Car j'ai la désagréable impression qu'il faut bidouiller au cas par cas.

Merci de tes retours :)

P.-S. : ma remarque sur le XXIe siècle était un trait d'humour. Je suis désolé si ça a été mal interprété
P.-P.-S. : en fait, tout mon message était plus désagréable que je le souhaitais. Je ne m'en suis pas rendu compte, je suis confus.
janani - 24 nov. 2011 à 19:11
c facile, dans traitement de texte
il y a une ecriture EXPOSANT
Ajouter un commentaire
Ce document intitulé « indice et exposant en css ? » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?