Ecrire verticalement dans un tableau

Version imprimable

16/05/2006, 16h43
davinout

Ecrire verticalement dans un tableau

Bonjour,
tout est dit dans le titre, je cherche s'il existe un attribut pour écrire verticalement dans une case d'un tableau et si non, s'il y a un moyen de le faire,
merci :)
16/05/2006, 16h45
Oluha

il me semble que c'est possible uniquement avec IE (demande à Spacefrog :mouarf:)
sinon passe par une image ou fait un retour à la ligne après chaque lettre

bonjour,

une méthode simple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<html>
<head>
<title></title>
</head>
 
<body>
<table border="1">
  <tr>
    <td style="text-align: center; width: 50px;">b<br>l<br>a<br>b<br>l<br>a<br>b<br>l<br>a<br>
    </td>
    <td style="text-align: center; width: 50px;">b<br>l<br>a<br>b<br>l<br>a<br>b<br>l<br>a<br>
    </td>
  </tr>
</table>
 
</body>
 
</html>

néanmoins, le retour à la ligne apèrs chaque caractère peut être fastidieux.

16/05/2006, 20h29
Sheriff

salut !
je pense plutot qu'il s'agit carrément du changement d'orientation des caractères... c'est à dire qu'on doit se pencher pour lire. :aie:
hum... jamais entendu parler sous JS
@+
16/05/2006, 21h51
SpaceFrog

+1 oluha ;)
avec un filter flip ...
reste l'image ...
16/05/2006, 23h34
davinout

Ok je voulais savoir si c'était possible de le faire "naturellement", le problème c'est que c'est une donnée dynamique ^^
17/05/2006, 19h33
Auteur

Citation:

Envoyé par Sheriff

salut !
je pense plutot qu'il s'agit carrément du changement d'orientation des caractères... c'est à dire qu'on doit se pencher pour lire. :aie:
hum... jamais entendu parler sous JS
@+

moui c'est vrai que dans ce sens....:aie:

Citation:

Ok je voulais savoir si c'était possible de le faire "naturellement", le problème c'est que c'est une donnée dynamique ^^

tu souhaites afficher des données numériques ?

:idea: :question: :aie:
Pour des données numériques :
tu peux créer 10 images verticales contenant des chiffres 0-9 et une image pour la virgule. Tu affectes chaque chiffre du nombre à afficher à une image. Puis tu affiches la série d'images représentant ton nombre.
17/05/2006, 20h52
Sheriff

idem pour les lettre...
mais c un boulot d'enfer qu'il te faudra abattre !!! 8O :(
tu sera obligé de programmer un truc en java ou en flash qui se chargera dans la page et affichera tes données... dur, dur
@+

voici un petit script avec les chiffres.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 <html> <head> <title>...</title> <script type="text/javascript">  </script> </head> <body> Entrez un entier : <input type="text" value="0" id="idNb" size="20" maxlength="10"> <input type="button" value="Bouton" id="BNom" onclick="nbVersImage()"> <br><br><br> <table border="1"> <tr> <td style="text-align: center; padding: 5px;" id="idTest">  </td> <td>bla bla bla bla bla bla</td> <td>bla bla bla bla bla bla</td> <td>bla bla bla bla bla bla</td> </tr> <tr> <td>bla bla bla bla bla bla</td> <td>bla bla bla bla bla bla</td> <td>bla bla bla bla bla bla</td> <td>bla bla bla bla bla bla</td> </tr> </table> </body> </html>
Il ne gère que les nombres positifs (et il n'y a pas les tests nécessaires). Les images ont pour nom 0.gif, 1.gif ... 9.gif (J'ai créé les images sous Gimp. J'ai écris la série de chiffres puis j'ai fais une rotation de -90°.).
Cette ligne
Code:

1 2 code = "<img src=images/"+j[i]+".gif><br>"+code;
permet d'afficher les images de bas en haut.
sinon
Code:

1 2 code = code+"<img src=images/"+j[i]+".gif><br>";
pour l'affichage de haut en bas (et dans ce cas il orienter les chiffres de l'autre côté).

Citation:

idem pour les lettres...
mais c un boulot d'enfer qu'il te faudra abattre !!!

Humm pas nécessairement. Si son script génère des mots cela sera sans doute des titres ou des messages courts, pas des phrases. Il n'est donc pas nécessaire de créer des images pour chaque lettre : autant créer des images pour chaque mot qui seront associés par la suite.

18/05/2006, 07h22
davinout

Moui bah c pas grave, c vrai que c'est un truc assez complexe à faire, j'en ai deux comme ça à faire, l'un statique donc je prendrai une image et l'autre dynamique, j'ai réussi à le caser tout droit ou il ne gène pas donc ça ira :)
Merci pour votre aide!