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
et voci un apercu
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; }
voila le text de vertical impossible de le centrer avec un vertical-text ou autre
merci de votre aide
Partager