Rechercher : dans
Par :

[HTML] texte à la verticale

Dernière réponse le 6 jan 2010 à 14:53:44 bacchuss, le 18 aoû 2004 à 11:52:01 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « [HTML] texte à la verticale » dans :
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du...
Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
Paragraphes en HTML VoirParagraphes Le langage HTML considère les paragraphes comme des blocs de texte. Les navigateurs répartissent au mieux leur contenu dans la fenêtre à moins qu'=un attribut NOWRAP ou NOBR soit spécifié explicitement. A l'intérieur d'un paragraphe,...
PHP - Affichage de texte sur le navigateur VoirLe but de PHP est de permettre la création de pages web dynamiques, ainsi son but premier est de pouvoir envoyer des données au navigateur. Les trois fonctions standards PHP fournit 3 fonctions permettant d'envoyer du texte au navigateur. Ces...

1

marvinrouge, le 18 aoû 2004 à 12:12:43

Tu peux nous traduire ceci ci-dessous en char* stp ?
01001001110101001010100101
(trouvé dans ta signature)

Répondre à marvinrouge

4

bacchuss, le 18 aoû 2004 à 12:59:34

Non, y a rien a chercher

__________________________________________
01001001110101001010100101 et plus si affinités

Répondre à bacchuss

15

Gihef, le 23 jan 2007 à 15:43:53
Répondre à Gihef

2

Guki, le 18 aoû 2004 à 12:27:41

J'opterai pour un script pour l'automatisme ou bien "à la main" ponctuellement.

Répondre à Guki

3

bacchuss, le 18 aoû 2004 à 12:59:16

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

Répondre à bacchuss

5

poof65, le 18 aoû 2004 à 13:00:56

Tu veux ecrire du texte comme ca ?

T
I
T
R
E


--------------------------------------------------------
L'informatique est un long fleuve pas tranquille !!!

Répondre à poof65

6

bacchuss, le 18 aoû 2004 à 13:04:37

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

Répondre à bacchuss

24

caudale, le 15 sep 2008 à 15:31:27

O-K pour la forme, mais les lettres ou chiffres
devraient êtres couchés

Répondre à caudale

7

poof65, le 18 aoû 2004 à 13:09:50
  • +3

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 !!!

Répondre à poof65

8

bacchuss, le 18 aoû 2004 à 13:39:34

Pfff, c'est tellement simple que j'en ai presque honte ... :-(

merci ;DD

__________________________________________
01001001110101001010100101 et plus si affinités

Répondre à bacchuss

9

poof65, le 18 aoû 2004 à 13:44:39

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 !!!

Répondre à poof65

10

HackTrack, le 18 aoû 2004 à 13:50:13
  • +9

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

Répondre à HackTrack

11

bacchuss, le 18 aoû 2004 à 13:54:00
  • +1

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

Répondre à bacchuss

12

poof65, le 18 aoû 2004 à 13:55:16

Tiens je connaissait pas ca.
Mais ma methode est compatible avec tous les navigateurs.

--------------------------------------------------------
L'informatique est un long fleuve pas tranquille !!!

Répondre à poof65

13

HackTrack, le 18 aoû 2004 à 15:05:57

Oui, mais sans pivoter le texte


;-)
HackTrack

Répondre à HackTrack

14

poof65, le 18 aoû 2004 à 15:13:39

Si tu veux pivoter le texte, utilise GD

--------------------------------------------------------
L'informatique est un long fleuve pas tranquille !!!

Répondre à poof65

16

lefou4, le 23 jan 2007 à 16:26:53

Une autre solution est de retourner l'écran à 90° !!!! Pas certain que les internautes apprécient par contre.

Répondre à lefou4

17

Gihef, le 23 jan 2007 à 19:07:56

Dans quel sens ?
 

Répondre à Gihef

18

saber, le 2 fév 2007 à 09:42:29

Utiliser un ligne verticale avec html

Répondre à saber

19

kingstar, le 7 sep 2007 à 17:19:33

<html>
<head>
<title>king star</title>
<body bgcolor="#00ff9933">salut mes tous amis ca va je suit toujour a votre desposition
</body>
</html>

Répondre à kingstar

20

humhum, le 16 sep 2007 à 00:15:10

Salut tous mes amis, ça va, je suis toujours à votre disposition.

Répondre à humhum

22

hasnaa19, le 17 oct 2007 à 23:05:06

Bonjour, comment faire pour les image qui ne s'affiche pas ?
merci

Répondre à hasnaa19

23

Gihef, le 17 oct 2007 à 23:52:22

Bonjour,

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

--

Répondre à Gihef

25

 Samyb2313, le 6 jan 2010 à 14:53:44
  • +1

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.

Répondre à Samyb2313
Collection CommentÇaMarche.net