Aligner des chiffres d'une colonne sur la virgule ?

Aligner des chiffres d'une colonne sur la virgule ? - HTML/CSS - Programmation

Marsh Posté le 07-04-2004 à 18:06:19    

En CSS, est-ce qu'il y a moyen d'aligner des chiffres d'une colonne sur la virgule, comme par exemple:
 

Code :
  1. 12
  2.   123,45
  3.    12,345
  4.     1,2


 
(J'aimerais eviter la solution ultra degueulasse consistant a separer les deux parties du nombre et les mettre dans deux colonnes ...)

Reply

Marsh Posté le 07-04-2004 à 18:06:19   

Reply

Marsh Posté le 07-04-2004 à 18:07:44    

et si tu formattais tous tes nombres a n chiffres aapres la virgule, ca serait encore plus propre ? [:dawa]

Reply

Marsh Posté le 07-04-2004 à 18:09:32    

walli a écrit :

et si tu formattais tous tes nombres a n chiffres aapres la virgule, ca serait encore plus propre ? [:dawa]


 
Ca y'en a pas etre possible, les chiffres representent des montants dans differentes monnaies, dont certaines ne supportent pas les virgules, comme par exemple les anciennes lires italiennes (application bancaire powaaa)

Reply

Marsh Posté le 07-04-2004 à 18:31:03    

regarde du coté des attributs html align et char:
http://www.la-grange.net/w3c/html4 [...] f-align-TD
 
Mais je sais pas s'il y a des navigateurs qui supportent l'attribut char.
 
Tiens nous au courant ;-)

Reply

Marsh Posté le 07-04-2004 à 19:16:36    

Tiens, on peut indiquer le caractère d'alignement avec la règle css text-align:
http://www.yoyodesign.org/doc/w3c/ [...] text-align
 
Non fonctionnel dans les navigateurs gecko:
http://bugzilla.mozilla.org/show_bug.cgi?id=2212
 
Non fonctionnel sous IE 6.x.
 
C'est dommage, ça peut être très pratique dans certains cas. :/

Reply

Marsh Posté le 07-04-2004 à 19:21:16    

bobe a écrit :

Tiens, on peut indiquer le caractère d'alignement avec la règle css text-align:
http://www.yoyodesign.org/doc/w3c/ [...] text-align
 
Non fonctionnel dans les navigateurs gecko:
http://bugzilla.mozilla.org/show_bug.cgi?id=2212
 
Non fonctionnel sous IE 6.x.
 
C'est dommage, ça peut être très pratique dans certains cas. :/


 
Gné  :??:  je l'utilise et ça fonctionne avec IE6, Mozilla et opéra  [:airforceone]

Reply

Marsh Posté le 07-04-2004 à 19:39:26    

en faisant dans ta css:
 

Code :
  1. td { text-align: ","; }


 
ou
 

Code :
  1. <td align="char" char=","> 12,45 </td>
  2. etc...


 
L'une ou les deux solutions marchent chez toi ??
 
Pas chez moi en tout cas. (Testé sous Firefox 0.8 et IE 6.0)

Reply

Marsh Posté le 07-04-2004 à 19:54:07    

bobe a écrit :

en faisant dans ta css:
 

Code :
  1. td { text-align: ","; }


 
ou
 

Code :
  1. <td align="char" char=","> 12,45 </td>
  2. etc...


 
L'une ou les deux solutions marchent chez toi ??
 
Pas chez moi en tout cas. (Testé sous Firefox 0.8 et IE 6.0)


 

Citation :

'text-align'  
Valeur :   left | right | center | justify | <chaîne> | inherit  
Initiale :   selon l'agent utilisateur et selon le sens d'écriture  
S'applique à :   ceux des éléments de type bloc  
Héritée :   oui  
Pourcentage :   sans objet  
Médias :   visuel  
 
Cette propriété décrit l'alignement d'un contenu en-ligne dans un élément de type bloc. Les significations des valeurs sont :  
 
left, right, center et justify  
Respectivement, l'alignement à gauche, à droite, centré et justifié d'un texte ;  
<chaîne>  
Spécifie une chaîne sur laquelle les cellules d'une table vont s'aligner (voir le passage sur l'alignement horizontal dans une colonne pour le détail et pour un exemple). Cette valeur ne s'applique qu'aux cellules d'une table. Appliquée à un autre élément, celle-ci sera considérée comme étant 'left' ou 'right', en fonction de la valeur de la propriété 'direction', respectivement 'ltr' ou 'rtl'.  
Un pavé de texte consiste en un empilement de boîtes de ligne. Pour les valeurs 'left', 'right' et 'center', cette propriété indique la façon dont les boîtes en-ligne, dans chacune des boîtes de ligne, s'alignent par rapport aux côtés gauche et droit de ces boîtes de ligne ; l'alignement n'est pas effectué par rapport à la zone de visualisation. Pour la valeur 'justify', l'agent utilisateur peut, en plus des ajustements de position, étirer les boîtes de ligne. Voir également les propriétés 'letter-spacing' et 'word-spacing').  
 
Exemple(s) :  
 
Dans cet exemple, noter que tous les éléments de type bloc dans élément DIV avec la classe 'center' auront leur contenu centré, la propriété 'text-align' étant héritée :  
 
DIV.center { text-align: center }
 


 
je ne vois pas la méthode que tu montre

Code :
  1. td { text-align: ","; }

[:airforceone]  moi je parle de la description donnée par ton lien W3C et c'est cette méthode que j'emploie  :)


Message édité par Flyman30 le 07-04-2004 à 19:54:52
Reply

Marsh Posté le 07-04-2004 à 20:09:54    

Dans la citation que tu donnes, il y a aussi:
 

Code :
  1. <chaîne> 
  2. Spécifie une chaîne sur laquelle les cellules d'une table vont s'aligner (voir le passage sur l'alignement horizontal dans une colonne pour le détail et pour un exemple). Cette valeur ne s'applique qu'aux cellules d'une table.


 
et  
 
'text-align'  
Valeur :   left | right | center | justify | <chaîne> | inherit  
 
Plus de détails ici:
http://www.yoyodesign.org/doc/w3c/ [...] -alignment

Reply

Marsh Posté le 07-04-2004 à 21:09:18    

bobe a écrit :

Dans la citation que tu donnes, il y a aussi:
 

Code :
  1. <chaîne> 
  2. Spécifie une chaîne sur laquelle les cellules d'une table vont s'aligner (voir le passage sur l'alignement horizontal dans une colonne pour le détail et pour un exemple). Cette valeur ne s'applique qu'aux cellules d'une table.


 
et  
 
'text-align'  
Valeur :   left | right | center | justify | <chaîne> | inherit  
 
Plus de détails ici:
http://www.yoyodesign.org/doc/w3c/ [...] -alignment


 
Je m'incline je n'avais pas lu cette partie  :jap:

Reply

Marsh Posté le 07-04-2004 à 21:09:18   

Reply

Marsh Posté le 08-04-2004 à 15:21:55    

Ben je vais essayer ca, sachant que (cerise sur le gateau) ca doit fonctionner avec le parser HTML de Java :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed