Bien que le langage HTML( HyperText Markup Language) fournisse une balise qui crée un séparateur horizontal, aucun élément équivalent ne crée une ligne verticale. Un besoin de forme verticale se présente souvent, ce qui crée un dilemme. Heureusement, vous avez la possibilité d'utiliser une solution de contournement qui incorpore une table HTML et applique le code CSS( Cascading Style Sheets) à une bordure. Comprendre comment créer le code HTML et appliquer la règle CSS qui crée une ligne verticale solide.

Instructions

  1. Lancez le logiciel d'édition de texte Bloc-notes fourni avec votre ordinateur Windows et ouvrez un document de site Web.

  2. Positionnez votre curseur dans la zone souhaitée où vous souhaitez que la ligne continue apparaisse. Entrez le code HTML qui crée une table simple:

    & lt; table & gt;

    & lt; tr & gt;

    & lt; td & gt; & lt; / td & gt;

    & lt; / tr & gt;

    & lt; / table & gt;

  3. Tapez le code suivant avan

    t la fermeture "& lt; / head & gt;"élément pour créer votre règle de style CSS pour votre table:

    & lt; style type = "text / css" & gt;

    & lt;! -

    table{ }

    - & gt;

    & lt; / style & gt;

  4. Entrez "border-left:;"ou "frontière-droite:"entre les accolades pour déterminer si votre ligne apparaît à gauche ou à droite, et entrez "solide" après le deux-points pour spécifier comment votre ligne devrait apparaître. Tapez un nombre en pixels( px) pour déterminer la largeur de la ligne verticale et entrez une couleur, par exemple noire, pour spécifier la nuance de la ligne. Pour illustrer:

    table{ border-left: 1px noir uni;}

  5. Type "hauteur:;"et tapez une valeur numérique en pixels( px) ou en pourcentage( %) pour déterminer la longueur de la ligne. Par exemple:

    table{ border-left: 1px noir uni;hauteur: 300px;}

  6. Enregistrez votre fichier. Ouvrez-le dans une fenêtre de navigateur en cliquant sur l'option "Ouvrir" ou "Ouvrir un fichier" dans le menu "Fichier" du navigateur. Si vous êtes satisfait de la ligne verticale, téléchargez le fichier sur votre hôte Web pour le publier. Sinon, modifiez les valeurs de votre règle de style avant de l'enregistrer et de la télécharger sur votre hôte.

Ressources

  • Tizag: Tutoriel CSS - Border
  • Consortium World Wide Web( W3C): Box Modèle
  • Consortium World Wide Web( W3C): à partir de HTML + CSS