Comment créer une barre de défilement dans une table

Un tableau HTML peut fournir une méthode transparente pour juxtaposant plusieurs pièces différentes de contenu, tels que des images avec du texte. Une table peut également apparaître délibérément comme une structure de grille strict, avec des rangées et des colonnes séparées par une frontière. Bien que les tableaux peuvent avoir de nombreuses configurations différentes, ils sont généralement affichés dans leur intégralité sur une page web. Si la table contient une longue feuille de calcul de l'information, il peut être plus facile de ne pas afficher la totalité de la table à la fois. Au lieu de cela, vous pouvez créer une barre de défilement si seulement une partie de la table est affiché à la fois. Le visiteur de votre page Web peut alors faire défiler la table si elle veut voir plus.


Sommaire

  • Instructions
  • Choses que vous devez











    • éditeur de texte

    Instructions

    1. Ouvrez le fichier HTML qui contient la table. Vous devriez ouvrir ce dans un éditeur de texte, pas un navigateur Web. Bloc-notes Windows est acceptable pour ce processus.

    2. Trouvez le code HTML dans le fichier qui rend les données de la table. Cette section du Code débutera avec le "

      " tag. La balise peut contenir d'autres éléments, tels que "
      ," ce qui dénote la couleur de l'arrière-plan de la table et de la taille de ses frontières de la grille.

    3. Créer une nouvelle ligne avant ce code de table. Vous pouvez facilement atteindre cet objectif en plaçant le curseur droit de texte avant la "

      " tag et en appuyant sur "Entrer" sur le clavier.

    4. Ajoutez la ligne de code DHTML suivant dans la ligne au-dessus du tableau HTML. DHTML est une extension du langage HTML qui inclut CSS informations de formatage. Ce code fournit des fonctionnalités que code HTML classique ne peut pas. La ligne nécessaire pour créer la barre de défilement est:

      Dans cet exemple, remplacer le "hauteur" et "largeur" pixel informations pour représenter la taille de la fenêtre de la table que vous souhaitez afficher sur l'écran. Tout ce qui ne rentre pas dans cette taille spécifiée sera disponible par le biais des barres de défilement automatique. "100px" représente 100 pixels, ce qui est pas particulièrement large. Envisager la résolution de votre écran d'ordinateur pour estimer la taille de votre fenêtre de la table souhaitée. Pour vous donner une idée de la taille que vous pouvez avoir besoin dans ce code, de nombreux écrans d'ordinateur sont fixés à 1024 pixels de large.

    5. Enregistrez le fichier.

    6. Double-cliquez sur le fichier pour l'ouvrir dans un navigateur Web. Le tableau est présenté avec des barres de défilement. Si la taille de la fenêtre de la table ne sont pas comme prévu, faire des ajustements à la DHTML "hauteur" et "largeur" paramètres pour arriver à une apparence qui vous convient.

    » » » » Comment créer une barre de défilement dans une table