Ecrire verticalement

[OTP]

Bonsoir,

Existe t'il un moyen simple d'écrire verticalement dans une page HTML ?

Merci d'avance,

Michaël

[arnaudmn]

Ca dépend Avec IE oui, avec firefox je crois pas.
Voir -http://www.editeurjavascript.com/scripts/scripts_textes_3_432.php

[salva]

Bonsoir,

Existe t'il un moyen simple d'écrire verticalement dans une page HTML ?

Merci d'avance,

Michaël

Code: Tout sélectionner

b<br>
i<br>
e<br>
n<br><br>
s<br>
u<br>
r<br>

Universel

[OTP]

Ca dépend Avec IE oui, avec firefox je crois pas.
Voir -http://www.editeurjavascript.com/scripts/scripts_textes_3_432.php

Pas top si ça passe pas avec FF...

PS :

M
e
r
c
i

S
a
l
v
a...

[Ohax]

Avec GIMP ou Photoshop... ^^

[OTP]

Avec GIMP ou Photoshop... ^^

J'y ai bien sûr pensé, mais ce genre de texte n'est pas très CCS compatible...

[OTP]

Suis quand même pas le premier cou..... à avoir ce besoin ???

[bee_human]

Suis quand même pas le premier cou..... à avoir ce besoin ???

Parce que c'est pas trop ergonomique. Sauf à faible dose. Pour preuve, relis ton Merci Salva en vertical.

Donc à petite dose, une image avec un alt qui reprend le texte si nécessaire. A haute dose, fuite des visiteurs...

Mais bon, ce n'est que mon avis...

[OTP]

Suis quand même pas le premier cou..... à avoir ce besoin ???

Parce que c'est pas trop ergonomique. Sauf à faible dose. Pour preuve, relis ton Merci Salva en vertical.

Donc à petite dose, une image avec un alt qui reprend le texte si nécessaire. A haute dose, fuite des visiteurs...

Mais bon, ce n'est que mon avis...

Je ne veux pas un texte comme celui de Salva mais un texte tourné globalement de 90°.
C'est pour un usage à petite dose.

Exemple :

http://www.thewindpower.net/213-eoliennes-gammes.php

Mes largeurs de colonne sont données par le texte de la première ligne, donc je perds de la place pour ajouter des colonnes.

Si cette première ligne était (au moins partiellement) en vertical, ça irait mieux...

Michaël

[blman]

Il semblerait qu'il n'y ait pas de solution propre et encore moins simple (mise à part une image avec un alt) : http://www.google.fr/search?hl=fr&q=ecr ... +css&meta=

J'ai relevé 2 solutions :
- mettre des span entre chaque lettre et les positionné les uns en dessous des autres
- mettre ton texte dans un div suffisamment petit en largeur pour que les lettres soit forcées à retourner à la ligne (j'imagine qu'il y aura quand même des espaces entre chaque lettre)

[OTP]

Merci blman.
Visiblement, seule l'image donnera ce que je veux...

[Pandore]

Mes largeurs de colonne sont données par le texte de la première ligne, donc je perds de la place pour ajouter des colonnes.

Si cette première ligne était (au moins partiellement) en vertical, ça irait mieux...

euh ... ouais. Tout est relatif. Ce que tu gagnes d'un coté tu le perds de l'autre.

Exemple :

H
a
u
t
e
u
r

n
a
c
e
l
l
e

m
a
x
i

(
m
)

Un peu grande la hauteur de la case nom ???

[OTP]

Oui mais non...
Je veux un texte globalement basculé, pas lettre à lettre.
Et là c'est bien plus court.
Et puis j'ai plein de place en vertical !

[bee_human]

Suis quand même pas le premier cou..... à avoir ce besoin ???

Parce que c'est pas trop ergonomique. Sauf à faible dose. Pour preuve, relis ton Merci Salva en vertical.

Donc à petite dose, une image avec un alt qui reprend le texte si nécessaire. A haute dose, fuite des visiteurs...

Mais bon, ce n'est que mon avis...

Je ne veux pas un texte comme celui de Salva mais un texte tourné globalement de 90°.
C'est pour un usage à petite dose.

Exemple :

http://www.thewindpower.net/213-eoliennes-gammes.php

Mes largeurs de colonne sont données par le texte de la première ligne, donc je perds de la place pour ajouter des colonnes.

Si cette première ligne était (au moins partiellement) en vertical, ça irait mieux...

Michaël

Sur ton exemple, tu gagnerais pas grand chose. Par contre si tu sacrifiais ta colonne adsense de droite, tu pourrais rajouter des colonnes dans ton tableau. Tu peux ensuite garder des adsenses, directement comme des lignes du tableau (c'est de l'intégration spéciale mais cela fonctionne aussi)

[frenchhorn]

- mettre ton texte dans un div suffisamment petit en largeur pour que les lettres soit forcées à retourner à la ligne (j'imagine qu'il y aura quand même des espaces entre chaque lettre)

et peut etre pas interprété selon les navigateurs...