bonjour

Voila j'ai un pb avec un code HTML et son CSS les text qui sont vertical je ne peux pas les centré dans la cellulle

voici dabors le code HTML

Code html : 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
<html>
<head>
<link rel="stylesheet"href="css.css"type="text/css"media="screen"/>
<TABLE  BORDER="1">
<CAPTION> Polyvalence Ligne IPP </CAPTION> 
<TR>
<TD> Personnel </TD>
<TD> Poste </TD>
<TD> Contrat </TD>
<TD><div    class="vertical-text">Gestionnaire FLUX </div></TD>
<TD><div    class="vertical-text">Dépanneur niveau 1</div></TD>
<TD><div    class="vertical-text">Dépanneur niveau 2</div></TD>
<TD><div    class="vertical-text">Technicien intégration</div></TD>
</TR>
</TABLE> 
</HEAD>

Le code CSS

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
html {
	background: #ddd;
}
 
CAPTION {
	font-size: 50px;
}
 
 
.vertical-text {
 
/* Safari */
	/-webkit-transform: rotate(-90deg);
 
/* Firefox */
	-moz-transform: rotate(-90deg);
 
/* IE */
	-ms-transform: rotate(-90deg);
 
/* Opera */
	-o-transform: rotate(-90deg);
 
/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 
	width:20px;
    word-wrap: break-word;
    font-family: monospace; /* this is just for good looks */
    white-space: pre;/* this is for displaying whitespaces */
	line-height : 300px;
    	column-width: 200px;
vertical-align:text-bottom;
}
 
TD {
 text-align:Center; 
  vertical-align:middle;
 
}
et voci un apercu


Nom : alignement text.jpg
Affichages : 81
Taille : 194,9 Ko


voila le text de vertical impossible de le centrer avec un vertical-text ou autre

merci de votre aide