[RESOLU] Ecrire du texte verticalement

nikko
Invité n'ayant pas de compte PHPfrance

19 mai 2005, 12:59

Bonjour à tous,

J'aimerais savoir comment ecrire du texte verticalement en HTML ?

Car je ne vois pas comment

Merci pour votre aide,

Mammouth du PHP | 19672 Messages

19 mai 2005, 13:02

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..?
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

nikko
Invité n'ayant pas de compte PHPfrance

19 mai 2005, 13:04

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

Mammouth du PHP | 19672 Messages

19 mai 2005, 13:40

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
Codez en pensant que celui qui maintiendra votre code est un psychopathe qui connait votre adresse :axe:

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 13231 Messages

19 mai 2005, 14:23

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
Connaître son ignorance est la meilleure part de la connaissance
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter

twitter - site perso - Github - Zend Certified Engineer

nikko
Invité n'ayant pas de compte PHPfrance

19 mai 2005, 14:32

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

abfab75
Invité n'ayant pas de compte PHPfrance

28 sept. 2012, 10:30

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

ViPHP
ViPHP | 1996 Messages

17 oct. 2012, 22:57

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...
It is nice to be important but it is more important to be nice
http://www.aureuswebfactory.fr