[HTML] texte à la verticale

Résolu/Fermé
bacchuss
Messages postés
1162
Date d'inscription
samedi 13 décembre 2003
Statut
Membre
Dernière intervention
6 avril 2009
- 18 août 2004 à 11:52
 ODINGA - 8 avril 2017 à 14:03
bonjour,

j'aimerai savoir si dans la norme HTML, il est possible de mettre un texte à la verticale, de sorte à faire des en tetes de colonne par exemple ??

ou alors s'il faut passer par un javascript ?

Merci

__________________________________________
01001001110101001010100101 et plus si affinités

15 réponses

HackTrack
Messages postés
618
Date d'inscription
vendredi 26 juillet 2002
Statut
Membre
Dernière intervention
13 juillet 2013
970
18 août 2004 à 13:50
Pas besoin de tout cela!

Il suffit d'utiliser les propriétés CSS (ne fonctionne qu'avec IE5.5+)

<div style="writing-mode:tb-rl; white-space: nowrap;">
	Ce texte est vertical
</div>



;-)
HackTrack
15
bacchuss
Messages postés
1162
Date d'inscription
samedi 13 décembre 2003
Statut
Membre
Dernière intervention
6 avril 2009
190
18 août 2004 à 13:54
c'est pas mal, mais ca a un gros défaut, ca marche qu'avec IE5.5+,
alors sous konqueror, bof bof

merci

__________________________________________
01001001110101001010100101 et plus si affinités
0
Merci bacchus pour moi c'est TOP
0
Merci
0
Utilisateur anonyme
18 août 2004 à 13:09
Ben t'as juste a faire un script.
for ($i=0, $n=strlen($str); $i < $n; $i++)
echo $str[$i] . '<br />';


--------------------------------------------------------
L'informatique est un long fleuve pas tranquille !!!
9
bacchuss
Messages postés
1162
Date d'inscription
samedi 13 décembre 2003
Statut
Membre
Dernière intervention
6 avril 2009
190
18 août 2004 à 13:39
pfff, c'est tellement simple que j'en ai presque honte ... :-(

merci ;DD

__________________________________________
01001001110101001010100101 et plus si affinités
0
Apres avoir chercher la même chose ( du texte à l'horizontale. J'ai fini par créer une fonction php qui créait une image avec le texte horizontale. voici !!!

<?php
function create_image_texte_verticale($string,$chemin_nom)
{
	//LES VARIABLES
	$array = explode (" ",$string); //tableau contenant les mots de la chaine a afficher verticalement
	$size = 20; //largeur d'une ligne
	$nb = 0; //nombre de ligne 
	
	$ligne = array(); //chaque case de ce tableau contiendra une ligne
	$ligne_en_cour = ''; //ligne a laquelle on ajoute des mots pour atteindre la taille max
	$text_size = 0; // taille du texte
	$max_size = 32; //taille de ligne à ne pas depasser
	
	//LE TRAITEMENT
	//parcour du tableau de mot
	for ($i=0;$i<count($array);$i++)
	{
		$text_size = $text_size + 1 + strlen($array[$i]);//on verifie la taille si on ajoute un mot
		if ($i == (count($array)-1)) // si dernier mot
		{
			if ($text_size < $max_size) $ligne[] = $ligne_en_cour." ".$array[$i]; //si la taille de la chaine avec le dernier motsest plus petit que la taille max!!!
			else //sinon
			{
				$ligne[] = $ligne_en_cour; //on ajoute la ligne de taille correct
				$ligne[] = $array[$i]; //on ajoute le mot restant
				$nb++;//on ajoute une ligne
			}	
		}
		else if ($text_size > $max_size) //sinon si la taille exede la taille max !!!
		{
			$ligne[] = $ligne_en_cour; //on ajoute la ligne au tableau
			unset($ligne_en_cour);
			$ligne_en_cour = $array[$i]; //on commence une nouvelle ligne avec le mot tester
			$text_size = strlen($array[$i]); //on indique la taille du mots
			$nb++; //on ajoute une ligne
		}
		else $ligne_en_cour .= " ".$array[$i]; // sinon on ajoute le mot à la ligne
	}
	
	$weight = $size*($nb+1); //calcule de la largeur de l'image
	$image = imagecreate($weight,300); //on instancie l'image
	$bleuclair = imagecolorallocate($image, 208, 213, 207); //on defini une couleur de fond de l'image
	$noir = imagecolorallocate($image, 0, 0, 0); //on creer une couleur pour l'ecriture
	//parcour du tableazu de ligne
	for ($j=0;$j<count($ligne);$j++)
	{
		imagestringup($image, 8, ($size*($j))+1, 295, $ligne[$j], $noir); //on ajoute une ligne d'ecriture
	}
	imagepng($image,$chemin_nom);//on enregistre (le chemin et le nom sont passé en paramètre)
}
?>


Et apres il suffit de faire :

<?php
     create_image_texte_verticale("ma chaine de caractere","image/mon_image.png");
?>
<img src='image/mon_image.png' />


Cela fonctionne a moins d'avoir dans la chaine de caractère un mot de plus de 32 lettres.
8
Merci pour cette fonction mais j'ai un problème : la fonction imagecreate n'est pas reconnue par php (je suis en version 5.3)

Merci d'avance ^^
0
Il faut activer la librairie GD qui permet de fabriquer une image.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
lefou4
Messages postés
73
Date d'inscription
jeudi 21 décembre 2006
Statut
Membre
Dernière intervention
5 mai 2010
44
23 janv. 2007 à 16:26
Une autre solution est de retourner l'écran à 90° !!!! Pas certain que les internautes apprécient par contre.
5
Gihef
Messages postés
5137
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
27 mai 2022
2 768
23 janv. 2007 à 19:07
Dans quel sens ?
0
nono75panda
29 oct. 2010 à 04:13
voir ici

http://www.ditii.com/2009/07/30/html-text-rotation-with-css/
3
Bonjour, comment faire pour les image qui ne s'affiche pas ?
merci
2
Gihef
Messages postés
5137
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
27 mai 2022
2 768
17 oct. 2007 à 23:52
Bonjour,

Comme ça ?
Mais plus sûrement ici webmastering.
(-;

--
0
J'opterai pour un script pour l'automatisme ou bien "à la main" ponctuellement.
1
bacchuss
Messages postés
1162
Date d'inscription
samedi 13 décembre 2003
Statut
Membre
Dernière intervention
6 avril 2009
190
18 août 2004 à 12:59
ben a la main c'est pas possible car c'est le résultat d'une requete.
As tu une idée du script ? ou une adresse ?

Merci

__________________________________________
01001001110101001010100101 et plus si affinités
0
Utilisateur anonyme
18 août 2004 à 13:00
Tu veux ecrire du texte comme ca ?
T
I
T
R
E


--------------------------------------------------------
L'informatique est un long fleuve pas tranquille !!!
1
bacchuss
Messages postés
1162
Date d'inscription
samedi 13 décembre 2003
Statut
Membre
Dernière intervention
6 avril 2009
190
18 août 2004 à 13:04
oui
ou alors la meme chose mais avec une rotation des lettres de 90°
mais comme ca
T
I
T
R
E

ca me va tres bien sinon
__________________________________________
01001001110101001010100101 et plus si affinités
0
O-K pour la forme, mais les lettres ou chiffres
devraient êtres couchés
0
Utilisateur anonyme
18 août 2004 à 13:44
Et si tu veux vraiment du texte a la verticale, il faut passer par la génération d'images. C'est possible avec la librairie GD (mais là c'est plus compliqué que le script que je t'ai donné ;-)

--------------------------------------------------------
L'informatique est un long fleuve pas tranquille !!!
1
Utilisateur anonyme
18 août 2004 à 13:55
Tiens je connaissait pas ca.
Mais ma methode est compatible avec tous les navigateurs.

--------------------------------------------------------
L'informatique est un long fleuve pas tranquille !!!
1
HackTrack
Messages postés
618
Date d'inscription
vendredi 26 juillet 2002
Statut
Membre
Dernière intervention
13 juillet 2013
970
18 août 2004 à 15:05
Oui, mais sans pivoter le texte


;-)
HackTrack
0
Utilisateur anonyme
18 août 2004 à 15:13
Si tu veux pivoter le texte, utilise GD

--------------------------------------------------------
L'informatique est un long fleuve pas tranquille !!!
1
utiliser un ligne verticale avec html
0
tu peux nous traduire ceci ci-dessous en char* stp ?
01001001110101001010100101
(trouvé dans ta signature)
-3
bacchuss
Messages postés
1162
Date d'inscription
samedi 13 décembre 2003
Statut
Membre
Dernière intervention
6 avril 2009
190
18 août 2004 à 12:59
non, y a rien a chercher

__________________________________________
01001001110101001010100101 et plus si affinités
0
Gihef
Messages postés
5137
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
27 mai 2022
2 768
23 janv. 2007 à 15:43
0
<html>
<head>
<title>king star</title>
<body bgcolor="#00ff9933">salut mes tous amis ca va je suit toujour a votre desposition
</body>
</html>
-7
Salut tous mes amis, ça va, je suis toujours à votre disposition.
0
puis c pas a la verticale :D
0