comment faire une ligne verticale en html ?


sylvain44
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 355
Inscription: 28 Juin 2005

comment faire une ligne verticale en html ?

Message le Mar Sep 27, 2005 17:08

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
WRInaute impliqué
WRInaute impliqué
 
Messages: 601
Inscription: 14 Juil 2005

Message le Mar Sep 27, 2005 17:12

Bonjour,

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

alain-b
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 402
Inscription: 17 Déc 2002

Message le Mar Sep 27, 2005 17:41

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


tom_sawyer
WRInaute passionné
WRInaute passionné
 
Messages: 1206
Inscription: 2 Déc 2004

Message le Mar Sep 27, 2005 17:47

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


achtungbaby
WRInaute accro
WRInaute accro
 
Messages: 4066
Inscription: 14 Juin 2004

Message le Mar Sep 27, 2005 17:52

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


yuston
WRInaute impliqué
WRInaute impliqué
 
Messages: 800
Inscription: 24 Sep 2004

Message le Mar Sep 27, 2005 18:16

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


Boloky
WRInaute impliqué
WRInaute impliqué
 
Messages: 585
Inscription: 9 Nov 2003

Message le Mar Sep 27, 2005 18:47

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
WRInaute discret
WRInaute discret
 
Messages: 234
Inscription: 7 Sep 2005

Message le Mar Sep 27, 2005 18:49

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
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 355
Inscription: 28 Juin 2005

Message le Mar Sep 27, 2005 19:56

Dexenium a écrit: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
WRInaute accro
WRInaute accro
 
Messages: 4940
Inscription: 17 Aoû 2004

Message le Mar Sep 27, 2005 22:13

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
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 287
Inscription: 21 Déc 2003

Message le Mer Sep 28, 2005 0:07

Dexenium a écrit: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 ? :D


Zecat
WRInaute accro
WRInaute accro
 
Messages: 11992
Inscription: 1 Mar 2005

Re: comment faire une ligne verticale en html ?

Message le Mer Sep 28, 2005 0:14

sylvain44 a écrit: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
WRInaute discret
WRInaute discret
 
Messages: 234
Inscription: 7 Sep 2005

Message le Mer Sep 28, 2005 20:44

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


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


SIBELIUS
WRInaute occasionnel
WRInaute occasionnel
 
Messages: 287
Inscription: 21 Déc 2003

Message le Mer Sep 28, 2005 22:02

Dexenium a écrit:
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.


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités