Indice et exposant en css ?

Résolu

yiv Messages postés 71 Date d'inscription Statut Membre Dernière intervention -
Kitkatryne Messages postés 12 Date d'inscription Statut Membre Dernière intervention - 26 déc. 2015 à 16:55

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 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

Afficher la suite

9 réponses

Réponse 1 / 9

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
gryzzly Messages postés 5220 Date d'inscription Statut Contributeur Dernière intervention 1 340

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 }
21
Réponse 2 / 9
nicomo

en fait je ne vois pas pourquoi il faut creer un class .sup, quand on peut directement faire un style pour 

par ex.
sup {
font-size: .7em;
line-height: .8em;
}

ciao, n
12
Réponse 3 / 9
yiv Messages postés 71 Date d'inscription Statut Membre Dernière intervention 9

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
3
Réponse 4 / 9
Kitkatryne Messages postés 12 Date d'inscription Statut Membre Dernière intervention 2

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.
1
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Réponse 5 / 9
yiv Messages postés 71 Date d'inscription Statut Membre Dernière intervention 9

A super, j'essaie le css
Merci
Yv
0
Réponse 6 / 9
yiv Messages postés 71 Date d'inscription Statut Membre Dernière intervention 9

Ouaip ça marche

Merci gryzzly
Om
Yv
0
Réponse 7 / 9
gryzzly Messages postés 5220 Date d'inscription Statut Contributeur Dernière intervention 1 340

Super. Tu peux donner la solution exacte pour les suivants ?
0
Réponse 8 / 9
pkjmr Messages postés 177 Date d'inscription Statut Membre Dernière intervention 34

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 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.
0
1. telliak Messages postés 3652 Date d'inscription Statut Membre Dernière intervention 885
 
 Oui, mais comme le spécifiait la demande initiale : «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. »
 
 0
 1. Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention 923 > telliak Messages postés 3652 Date d'inscription Statut Membre Dernière intervention
 
 salut,
 
 c'est une balise donc tu peux tout définir avec CSS, pas la peine d'utiliser un et une classe, d'autant plus que comme ça tu ne perd pas la valeur sémantique de .
 
 0
Réponse 9 / 9
FélixFélix

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 ?
0
1. Dalida Messages postés 7114 Date d'inscription Statut Contributeur Dernière intervention 923
  
  salut,
  
  pourriez-vous, svp, me dire quoi faire ?
  il n'y a pas forcément de solution parfaite à tout…
  
  qu'as-tu essayé ?
  as-tu une version en ligne de tes essais ?
  
  0
2. David Latapie Messages postés 11 Date d'inscription Statut Membre Dernière intervention 2
  
  Bonjour,
  
  C'est un problème sur lequel je me suis penché depuis de nombreuses années (récapitulatif des mes billets sur la question : http://david.latapie.name/blog/tag/exposant)
  
  Je n'ai pas trouvé de solution idéale, mais voici l'ensemble de règle CSS que j'utilise :
  
  sup {line-height:80%;font-size:82%}
  
  Merci de me donner vos avis !
  
  0
3. misterFa
  
  on peut aussi écrire directement à la suite texte :
  
  exemple¹ et exemple² soit (je décompose) & sup 1 ; et & sup 2 ;
  
  ça évite d'avoir à écrire une balise, et le texte et placé dans le même interligne que le texte.
  limité à 1, 2 et 3.
  
  0
4. David Latapie Messages postés 11 Date d'inscription Statut Membre Dernière intervention 2
  
  Non, non et non.
  
  1. Non, parce que tous les tous les chiffres sont disponibles. Cependant, les chiffres de 4 à 0 ne sont pas placés au même endroit dans Unicode (vous utilisez Unicode n'est-ce pas ? Vous n'êtes pas resté au XXe siècle ?)
  
  La liste est ici, avec exposants et indices
  http://www.fileformat.info/info/unicode/category/No/list.htm
  
  ¹²³????????????????
  
  (horreur : commentcamarche.net n'utilise même pas Unicode. Les gars, ça ne fait pas sérieux - Unicode remonte à 1990 ! - après le 3 en exposants, vous êtes censés voir les autres exposants suivis des indices)
  
  2. Non parce que caractères Unicode ne sont pas conçus pour être utilisés, mais pour être compatibles avec l'existant. Il existe par exemple des caractères Unicode pour les chiffres romains, mais il ne sont pas conçus pour être utilisés dans de nouveaux documents, mais juste pour permettre à d'anciens documents d'être lus (pour un chiffre romain, on recommande ainsi d'utiliser le ou les caractères latins correspondants (I, II, III, IV...), quand bien même le chiffre romain existe dans Unicode (?,?,?,?...
  
  3. Non parce que faire ainsi amène à deux poids deux mesures : pour les chiffres, vous utilisez les caractères Unicode et pour les lettres, mmh ? Et voilà, vous vous retrouvez à devoir mélanger de caractères d'exposant et des CSS, au lieu d'utiliser des CSS partout (vu qu'il est impossible d'utiliser des caractères d'exposant partout).
  
  En espérant avoir êté utile.
  
  0
5. misterFa
  
  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à ?
  
  0

Indice et exposant en css ?

9 réponses

Discussions similaires

Newsletters