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

tableaux HTML sont affichés partout sur Internet
Video: Microsoft Excel - Insérer et utiliser les barres de défilement -Insert and use the scroll bars

Un tableau HTML peut fournir une méthode transparente pour juxtaposer différents morceaux de contenu, tels que des images avec du texte. Une table peut également apparaître délibérément comme une structure de grille stricte, avec des lignes et des colonnes séparées par une frontière. Bien que les tableaux peuvent avoir de nombreuses mises en page 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 possible de ne pas afficher la table entière à la fois. Au lieu de cela, vous pouvez créer une barre de défilement de sorte qu`une partie de la table est présentée à la fois. Le visiteur de votre page Web peut faire défiler ensuite à travers la table si elle souhaite voir plus.

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

Trouvez le code HTML dans le fichier qui rend les données de la table. Cette section de code commencera par la "

" marque. La balise peut contenir d`autres éléments, tels que "

," qui représente la couleur de l`arrière-plan de la table et la taille de ses bords de la grille.

Créer une nouvelle ligne avant le code de table. Vous pouvez facilement y parvenir en plaçant le curseur de texte juste avant la "

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

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

Dans cet exemple, remplacer le "la taille" et "largeur" pixel informations pour représenter la taille de la fenêtre de la table que vous souhaitez afficher à l`écran. Tout ce qui ne rentre pas dans cette taille spécifiée sera disponible à travers les barres de défilement automatique. "100px" représente 100 pixels, ce qui est pas particulièrement large. Considérez la résolution de votre écran d`ordinateur pour estimer la taille de la fenêtre de votre table désirée. Pour vous donner une idée de la taille que vous devrez peut-être dans ce code, de nombreux écrans d`ordinateur sont fixés à 1024 pixels de large.

Enregistrez le fichier.

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 n`est pas comme prévu, faire des ajustements à la DHTML "la taille" et "largeur" paramètres pour arriver à une apparence qui vous convient.

Articles Tu auras besoin de

Video: 5 Tutoriel gratuit tableau de bord: Barre de défilement

Les références

Hscripts.com: Scrollable Tableau (HTML)

Video: barre de défilement

A propos de l`auteur

James Highland a commencé à écrire professionnellement en 1998. Il a écrit pour l`Institut de New York des Finances et Chron.com. Il possède une vaste expérience dans l`investissement financier et a enseigné des cours de programmation informatique pour deux entreprises de New York. Il a un baccalauréat ès arts en production cinématographique de l`Indiana University.