Discussion :

[ERICLEUN]

Bonjour,

J'essaie d'afficher du texte en vertical sous IE cela fonctionne bien mais sur chrome et safari la largeur de la colonne dépend de la longueur du texte
Voici le code du CSS :

Code css :

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

1
2
3
4
5
6
7
8
9
10
11
.rotate {	
	text-align:center;
/* Safari, chrome */
	-webkit-transform: rotate(-270deg);
/* Firefox */
	-moz-transform: rotate(-270deg);
/* IE */
	-ms-writing-mode:tb-rl;
/* Opera */
	-o-transform: rotate(-270deg);
}

Voici le code d'appel :

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
 <table class="FormatTable" width="100%">
    <tr>    	
    	<td colspan="2" width="88%">&nbsp;</td>
    	<td class="rotate" style="white-space:nowrap" >
			<%=Questionnaire("LibelleChoix1")%>
    	</td>
    	<td class="rotate" style="white-space:nowrap" >
			<%=Questionnaire("LibelleChoix2")%>
    	</td>
    	<td class="rotate" style="white-space:nowrap" >
			<%=Questionnaire("LibelleChoix3")%>
    	</td>
    	<td class="rotate" style="white-space:nowrap" >
			<%=Questionnaire("LibelleChoix4")%>
    	</td>

le résultat est en pièce jointe.

Comment faire sous chrome et safari pour avoir les informations alignées ?

Merci de votre aide

[Invité]

Bonjour,
essaie :

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
<tr>    	
	<td coldiv="2" width="88%">&nbsp;</td>
	<td>
		<div class="rotate"><%=Questionnaire("LibelleChoix1")%></div>
	</td>
	<td>
		<div class="rotate"><%=Questionnaire("LibelleChoix2")%></div>
	</td>
	<td>
		<div class="rotate"><%=Questionnaire("LibelleChoix3")%></div>
	</td>
	<td>
		<div class="rotate"><%=Questionnaire("LibelleChoix4")%></div>
	</td>
</tr>

[rodolphebrd]

Bonjour,

il faut passer le table-layout en fixed car la valeur par défaut est auto:

Code :

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

1
2
3
table{
  table-layout:fixed;  
}