Ecrire verticalement dans un tableau

**davinout** · 16/05/2006, 16h43

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

**Oluha** · 16/05/2006, 16h45

il me semble que c'est possible uniquement avec IE (demande à Spacefrog

)
sinon passe par une image ou fait un retour à la ligne après chaque lettre

**Auteur** · 16/05/2006, 20h14

bonjour,

une méthode simple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Sheriff** · 16/05/2006, 20h29

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.

hum... jamais entendu parler sous JS
@+

**SpaceFrog** · 16/05/2006, 21h51

+1 oluha

avec un filter flip ...
reste l'image ...

**davinout** · 16/05/2006, 23h34

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

**Auteur** · 17/05/2006, 19h33

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.

hum... jamais entendu parler sous JS
@+

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

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 ?

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.

**Sheriff** · 17/05/2006, 20h52

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

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

**Auteur** · 17/05/2006, 22h16

voici un petit script avec les chiffres.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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">
<!--
function nbVersImage()
{
 var el = document.getElementById("idNb");
 var nb = el.value.toString();
 var lg = el.value.toString().length;
 var i, code="", j=new Array();
 
 for (i=0; i<lg; i++)
 {
  j[i] = nb.substring(i,i+1);
 }
 
 for (i=0; i<lg; i++)
 {
  code = "<img src=images/"+j[i]+".gif><br>"+code;
 }
 
 document.getElementById("idTest").innerHTML = code;
}
 
//-->
</script>
 
</head>
 
<body>
Entrez un entier&nbsp;:
<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">&nbsp;
    </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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
code = "<img src=images/"+j[i]+".gif><br>"+code;

permet d'afficher les images de bas en haut.
sinon

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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é).

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.

**davinout** · 18/05/2006, 07h22

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!

Ecrire verticalement dans un tableau

HTML

Discussions similaires

Partager

Partager