Texte vertical IE

Version imprimable

08/09/2011, 11h47
ludojojo

Texte vertical IE
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 : http://dev.w3.org/csswg/css3-writing...ntation-sl.png
Pour l'instant, je ne l'ai que dans l'autre sens avec ce code :
Code:

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... :cry:
Une idée de comment faire ?

Bonjour,
peut-être avec transform:rotate :

Code:

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);
}

Par contre, pour le positionner exactement où tu veux sur tous les navigateurs, "bonjour galère " !

09/09/2011, 09h58
ludojojo

Citation:

Envoyé par jreaux62

Bonjour,
peut-être avec transform:rotate

Je confirme ! :ccool:

Citation:

Envoyé par jreaux62

Par contre, pour le positionner exactement où tu veux sur tous les navigateurs, "bonjour galère " !

Pas de soucis, c'est pour mon intranet, donc cela reste sous IE. :lol:

Merci !