[HTML/CSS] Ecrire en diagonal à 45° ?

Ecrire en diagonal à 45° ? [HTML/CSS] - HTML/CSS - Programmation

Marsh Posté le 28-02-2007 à 18:17:42    

Bonjour à tous,
 
je cherche à écrire du texte en diagonal dans des cellules d'un tableau, à la façon Excel (propriété orientation). Y aurait-il une solution CSS ou Javascript ?
 
Au pire il y a la solution de génération d'image à la volée (le site étant en PHP ça doit être faisable, mais comment ?) contenant le texte graphiquement.
 
Si ça peut aider j'ai trouvé comment écrire verticalement :
 

Code :
  1. .vertical {
  2.     writing-mode: bt-rl;
  3. }


 
merci beaucoup d'avance  :)

Reply

Marsh Posté le 28-02-2007 à 18:17:42   

Reply

Marsh Posté le 28-02-2007 à 20:10:33    

En php c'est faisable en utilisant les lib de génération d'image... Par contre bonjour le gachi de resources ...

Reply

Marsh Posté le 14-06-2007 à 09:29:08    

malheureusement le CSS n'est reconnu que sous IE 5.5+ , sous FF ca ne marche pas
la generation d'image je trouve ca trop lourd ....
yaurai pas une autre alternative ?

Reply

Marsh Posté le 14-06-2007 à 10:02:08    

en js/css y'a bien une solution mais c'est pas facile, pas terrible et nécessite deux implémenations ( une pour gecko et une pour IE, les autres on oublie):

  • pour IE, ça va encore tu as le fitre progid:DXImageTransform.Microsoft . Mais attention car de mémoire je suis pas sur que tu puisses faire 45%
  • pour gecko, il faut utiliser un canvas et la je te laisse chercher comment on fait sur google (je crois qu'il y a un bon tut sur le MDC)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed