Page 1 sur 1
Ecrire du texte verticalement
Posté : 19 mai 2005, 12:59
par nikko
Bonjour à tous,
J'aimerais savoir comment ecrire du texte verticalement en HTML ?
Car je ne vois pas comment
Merci pour votre aide,
Posté : 19 mai 2005, 13:02
par Cyrano
En HTML, on ne peut pas, il faudrait vérifier si c'est possible avec une feuille de style CSS, mais je n'en ai pas entendu parler. La solution, ce serait une image, à moins que quelqu'un connaisse une astuce..?
Posté : 19 mai 2005, 13:04
par nikko
En fait je dois recuperer des mots dans une base de données et les afficher en haut de la page verticalement, j'ai regardé dans google mais j'ai rien trouvé, celui qui trouve franchement il balaise.
Merci
Posté : 19 mai 2005, 13:40
par Cyrano
La solution PHP que je vois: récupérer les lettres du mot et créer à la volée une image avec les fonction de génération de graphique et la librairie GD
Posté : 19 mai 2005, 14:23
par zeus
En HTML pur (CSS compris) il n'est pas possible d'écrire du texte verticalement !!!
Mais tu peut feinter en écrivant les lettres les unes au dessus des autres !!!
c
o
m
m
e
-
c
a
Mais l'HTML ne permet pas de retourner des lettres
Posté : 19 mai 2005, 14:32
par nikko
Merci à tous,
Une personne d'un autre forme m'a donné cette solution et ca marche tres bien, je vous la donne
$chaine = 'hello';
$chaine = wordwrap ($chaine, 1, '<br />', 1);
echo $chaine;
Encore merci
Re: Ecrire du texte verticalement
Posté : 28 sept. 2012, 10:30
par abfab75
Hello
Sinon tu as cette solution plus élégante, façon tranche de livre
http://www.blogintouch.com/2010/03/comm ... ement.html
A+
F@b
Re: Ecrire du texte verticalement
Posté : 17 oct. 2012, 22:57
par Aureusms
Saluuut,
Bon j'ai cherché et j'ai trouvé une solution toute simple et super pratique :
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
<style>
p {background-color: yellow;
width: 0.5em;
height : auto;
overflow: hidden;
word-wrap:break-word ;}
</style>
</head>
<body>
<p>Texte</p>
</body>
</html>
Il faut juste gérer la largeur de ta div et c'est tout (j'ai un fond jaune pour que cela se voit mieux).
Vala...