comment faire une ligne verticale en html ?

[sylvain44]

bonjour, la question est dans le titre. Je fais une image d'habitude, avec l'inconvénient qu'elle a une dimension fixe, si quelqu'un peut me donner une ligne de code c'est merci !!

 

[CaYuS]

Bonjour,

En CSS tu peux essayer de créer un conteneur avec un "border-left: 1px solid black;"

 

[alain-b]

c'est un peu tordu mais avec un table ca peut se faire ...

 

[tom_sawyer]

pour une ligne horizontale y a <hr/> mais pour une verticale tu dois passer par css à mon avis

 

[achtungbaby]

Tu crées un élément graphique, que tu répètes par exemple.

 

[yuston]

Oui, comme le suggère achtungbaby, tu fais une image que tu mettras en fond (avec background) que tu répétera verticalement!

 

[Boloky]

Tout à fait, une simple image de 5 milimètres par exemple suffit à faire une ligne verticale de la dimention que tu veux.
Faut juste la mettre dans la balise Background comme le suggère si bien yuston. C'est de loin la méthode la plus pratique et le plus light d'un point de vue programmation.
Sinon il y a toujours les fameux tableaux, la base de l'HTML. C'est fou ce qu'on peut faire avec un tableau lorsqu'on sait particulièrement bien s'en servir.

 

[Dexenium]

Bah il y a une méthode pas très orthodoxe pour coder ça en dur, en html :

<hr width="0.5px" size="70px"> par exemple...

Dex

 

[sylvain44]

Bah il y a une méthode pas très orthodoxe pour coder ça en dur, en html :

<hr width="0.5px" size="70px"> par exemple...

Dex

merci beaucoup, c'est exactement l'info que je cherchais

 

[Cendrillon]

bon ... après avoir supprimé tous les messages inutiles de cette discussion ... voila ce qu'il en reste ... :wink:

Quant à Albert1, la lecture de tes posts donne déjà une bonne idée de ce que pourrait être le bétisier de WRI ... cela fait plusieurs fois que l'on te rappelle à l'ordre ... au prochain écart, aussi petit soit il, nous nous passerons de tes "lumières" !

 

[SIBELIUS]

Bah il y a une méthode pas très orthodoxe pour coder ça en dur, en html :

<hr width="0.5px" size="70px"> par exemple...

Dex

0.5px : tu arrives à couper un pixel en deux ?

 

[Zecat]

bonjour, la question est dans le titre. Je fais une image d'habitude, avec l'inconvénient qu'elle a une dimension fixe, si quelqu'un peut me donner une ligne de code c'est merci !!

Comme l'a suggéré achtungbaby tu peux repéter (ou étirer une image - cf exemple). En l'encadrant par deux petits bouts aux extremités pour que eux ne soient pas deformés par l'etirement.

Un exemple sur cette page (regarde le trait vertical à droite) :
-http://jp.malafosse.free.fr/index_liens.htm

 

[Dexenium]

0.5px : tu arrives à couper un pixel en deux ?

Bah n'empêche que ça marche même si c'est pas top :]

 

[SIBELIUS]

0.5px : tu arrives à couper un pixel en deux ?

Bah n'empêche que ça marche même si c'est pas top :]

Ça doit marcher à l'identique avec 1px aussi je suppose.