Come creare una barra di scorrimento in una tabella

February 28

Come creare una barra di scorrimento in una tabella


Una tabella HTML in grado di fornire un metodo trasparente per giustapposizione di diversi pezzi di contenuto, come ad esempio le immagini con testo. Una tabella può apparire anche volutamente come una rigida struttura a griglia, con righe e colonne separate da un bordo. Anche se le tabelle possono avere molti diversi layout, di solito sono visualizzati nella loro interezza in una pagina web. Se la tabella contiene un lungo foglio di informazioni, può essere più fattibile per non visualizzare l'intera tabella in una volta. Invece, è possibile creare una barra di scorrimento in modo che solo una parte della tabella è indicata alla volta. visitatore della tua pagina web può quindi scorrere la tabella se vuole vedere di più.

istruzione

1 Aprire il file HTML che contiene la tabella. Si dovrebbe aprire questo in un editor di testo, non è un browser web. Blocco note di Windows è accettabile per questo processo.

2 Trova il codice HTML nel file che rende i dati della tabella. Questa sezione di codice inizierà con il tag "<table>". Il tag può contenere altri elementi, come ad esempio "<table border = 1 bgcolor = # ffffff>", che denota il colore dello sfondo del tavolo e le dimensioni dei suoi confini griglia.

3 Creare una nuova riga prima di questo codice tavolo. Si può facilmente raggiungere questo obiettivo posizionando il cursore del testo a destra prima del tag "<table>" e premendo "Invio" sulla tastiera.

4 Aggiungere la seguente riga di codice DHTML nella riga sopra la tabella HTML. DHTML è un'estensione del linguaggio HTML e CSS include informazioni di formattazione. Questo codice fornisce funzionalità che il codice HTML convenzionale non può. La linea necessaria per creare la barra di scorrimento è:

<Div style = "height: 100px; width: 100px; font-size: 12px; overflow: auto;">

In questo esempio, sostituire la "altezza" e le informazioni "larghezza" pixel per rappresentare la dimensione della finestra del tavolo che si desidera visualizzare sullo schermo. Qualunque cosa non si adatta a questa dimensione specificata sarà disponibile attraverso le barre di scorrimento automatico. "100px" rappresenta 100 pixel, che non è particolarmente ampio. Prendere in considerazione la risoluzione del monitor del computer per stimare la dimensione della finestra tabella desiderata. Per darvi un'idea delle dimensioni potrebbe essere necessario in questo codice, molti monitor per computer sono fissati a 1024 pixel di larghezza.

5 Salvare il file.

6 Fare doppio clic sul file per aprirlo in un browser web. Il tavolo è presentato con barre di scorrimento. Se la dimensione della finestra di tabella non è come previsto, effettuare le regolazioni ai parametri "width" DHTML "altezza" e per arrivare ad un aspetto che più vi si addice.