Trait vertical en html [Résolu/Fermé]

Signaler
-
 flo -
bonjour, pourriez vous me dire si il est possible ou non de créer des traits verticaux sur un page html... je sais déjà que pour créer un trait vertical il faut utiliser la balise <hr>, mais pour le vertical, c'est la lutte...
d'avance merci
cordialement
viandar

5 réponses

Messages postés
32840
Date d'inscription
mercredi 29 août 2001
Statut
Modérateur
Dernière intervention
21 octobre 2019
15 148
Hello.

Il n'y a pas d'équivalent de <hr> pour les traits verticaux.

Mais avec les CSS, tu peux en faire sans problème.

Par exemple:
<html>
<head>
<style type="text/css">
.traitgauche
    {
    border-left: 1px solid black;
    padding-left: 5px;
    margin-left: 50px;
    }

</style>
</head>
<body>
<div class="traitgauche">
* Le Forum Logiciel: installation, configuration, utilisation d'applications
* Le Forum Matériel: choix, dépannage hardware
* Le Forum Programmation: développement (PHP, ASP, Java, C++, ...)
* Le Forum Réseau: problèmes de connexion, mise en place d'un réseau, protocoles, ...
* Le Forum Internet: utilisation d'Internet, hébergement, webmastering
* Le Forum Virus/Sécurité: correction des vulnérabilités, éradication des virus, ...
* Le Forum Windows: installation, utilisation et dépannage des systèmes Windows
* Le Forum Linux/Unix: installation, utilisation et dépannage des systèmes Unix
* Le Forum MacOS: installation, utilisation et dépannage des systèmes MacOS
* Le Forum Actualités: canal d'information sur l'actualité.
* Le Forum Suggestions: espace de discussion pour améliorer/critiquer CCM
* Le Café des membres: blagues, discussions entre membres et sautes d'humeur
<div>
</body>
</html>
163
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 86482 internautes nous ont dit merci ce mois-ci

Merci mille fois !!!!!!!!
Messages postés
32840
Date d'inscription
mercredi 29 août 2001
Statut
Modérateur
Dernière intervention
21 octobre 2019
15 148
L'avantage de cette méthode, c'est que je peux appliquer ce style (le décalage + le trait) sur n'importe quelle partie de ma page, à plusieurs endroits.


Et si je modifie le style (CSS), ça se répercute automatiquement sur tous les éléments de la page.
Messages postés
32840
Date d'inscription
mercredi 29 août 2001
Statut
Modérateur
Dernière intervention
21 octobre 2019
15 148
Dans mon exemple, j'ai spécifié un trait (border-left).
J'ai également précisé l'espace entre le trait et mon texte (padding-left), ainsi que l'espace entre la marge gauche et mon trait (margin-left).

Et puis avec un <DIV>, j'ai appliqué ce style à un bloc de texte.

Pour plus d'information sur les CSS, voir:
http://www.commentcamarche.net/faq/1073-Cr%E9er-un-site-beau-dynamique-et-respectueux-des-standards
Messages postés
32840
Date d'inscription
mercredi 29 août 2001
Statut
Modérateur
Dernière intervention
21 octobre 2019
15 148
Autre exemple:
Pour modifier la police de tout ton document, ajout ceci dans la balise <STYLE>:

body {
    font-family:"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
    font-size:10pt; 
    }
Messages postés
2
Date d'inscription
mercredi 12 juillet 2006
Statut
Membre
Dernière intervention
12 juillet 2006
3
1. Et si on veut tracer la ligne seulement sur la moitié de la hauteur?
2. Esst-il possible de faire une ligne horizontale et une ligne vertivale qui se croisent?

Merci...
Bonjour,

Je debute en html et je veux savoir comment séparer un menu en html vertical du corps du page par un trait vertical

Merci d'avance pour tous qui me donnent une réponse