Texte vertical IE

**ludojojo** · 08/09/2011, 11h47

Bonjour,

Je cherche à écrire du texte en vertical, compatible sous IE.
La mise ne place de base fonctionne, mais pas dans le bon sens.
Je souhaiterais obtenir ça :

Pour l'instant, je ne l'ai que dans l'autre sens avec ce code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<html>
<style type="text/css">
p {
	writing-mode:tb-rl;
	display:block;
}
</style>
<body>
	<p>CSS Vertical Text</p>
</body>
</html>

Si je met writing-mode:tb-lr; cela ne fonctionne plus...

Une idée de comment faire ?

Invité · 08/09/2011, 18h54

Bonjour,
peut-être avec transform:rotate :

Code :

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

1
2
3
4
5
6
7
8
9
p {
	position:relative;
	width:150px; height:50px; background:#ccc;
	top:150px; /* positionnement ok pour Opera et firefox, mais pas les autres */
	/* Opera */ -o-transform:rotate(-90deg); -o-transform-origin:0 0; 
	/* Safari */ -webkit-transform:rotate(-90deg); 
	/* Firefox */ -moz-transform:rotate(-90deg); -moz-transform-origin:0 0; 
	/* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}