comment faire une ligne verticale en html ?

Consultez la formation au référencement naturel Google de WebRankInfo / Ranking Metrics


sylvain44
WRInaute impliqué
WRInaute impliqué
 
Messages: 352
Inscription: Mar Juin 28, 2005 9:39

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 passionné
WRInaute passionné
 
Messages: 601
Inscription: Jeu Juil 14, 2005 7:25

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 impliqué
WRInaute impliqué
 
Messages: 376
Inscription: Mar Déc 17, 2002 23:00

Message le Mar Sep 27, 2005 17:41

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


tom_sawyer
WRInaute accro
WRInaute accro
 
Messages: 1205
Inscription: Jeu Déc 02, 2004 12:45

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: 4057
Inscription: Lun Juin 14, 2004 12:37

Message le Mar Sep 27, 2005 17:52

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


yuston
WRInaute passionné
WRInaute passionné
 
Messages: 801
Inscription: Ven Sep 24, 2004 16:53

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 passionné
WRInaute passionné
 
Messages: 506
Inscription: Dim Nov 09, 2003 12:33

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 occasionnel
WRInaute occasionnel
 
Messages: 234
Inscription: Mer Sep 07, 2005 20:59

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 impliqué
WRInaute impliqué
 
Messages: 352
Inscription: Mar Juin 28, 2005 9:39

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: 4747
Inscription: Mar Aoû 17, 2004 15:41

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 impliqué
WRInaute impliqué
 
Messages: 287
Inscription: Dim Déc 21, 2003 11:56

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: 7563
Inscription: Mar Mar 01, 2005 2:44

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 occasionnel
WRInaute occasionnel
 
Messages: 234
Inscription: Mer Sep 07, 2005 20:59

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 impliqué
WRInaute impliqué
 
Messages: 287
Inscription: Dim Déc 21, 2003 11:56

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.


Formation recommandée sur ce thème :

Formation Référencement naturel Google : apprenez une méthode efficace pour optimiser à fond le référencement naturel dans Google de façon durable... Formation animée par Olivier Duffez et Fabien Facériès, experts en référencement naturel.

Tous les détails sur le site Ranking Metrics : programme, prix, dates et lieux, inscription en ligne.

Lectures recommandées sur ce thème :



Qui est en ligne

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