Téléchargement
illégal
Posez votre question Signaler

Trait vertical en html [Résolu]

viandarios - Dernière réponse le 28 oct. 2010 à 12:16
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
Lire la suite 

Trait vertical en html »

6 réponses
Réponse
+11
moins plus
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>
Ajouter un commentaire
Réponse
+3
moins plus
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.
Ajouter un commentaire
Réponse
+2
moins plus
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...
ss - 28 oct. 2010 à 12:16
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
Ajouter un commentaire
Réponse
+1
moins plus
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/sujet-1073-Cr%E9er-un-site-beau-dynamique-et-respectueux-des-standards
Ajouter un commentaire
Réponse
+1
moins plus
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; 
    }
Ajouter un commentaire
Ce document intitulé « trait vertical en html » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?