Nwlapcug.com


Come creare una barra di scorrimento in una tabella

Come creare una barra di scorrimento in una tabella


Una tabella HTML può fornire un metodo senza giunte per giustapposizione di tanti pezzi diversi di contenuto, ad esempio immagini con testo. Una tabella può apparire anche deliberatamente come una struttura di griglia rigorosa, con righe e colonne separate da un confine. Anche se tabelle possono avere numerosi layout diversi, vengono solitamente visualizzati nella loro interezza su una pagina web. Se la tabella contiene un lungo foglio di calcolo di informazioni, può essere più fattibile per non visualizzare l'intera tabella in una sola volta. Al contrario, è possibile creare una barra di scorrimento così solo una parte della tabella è mostrata in un momento. Dei visitatori della tua pagina web possono quindi scorrere la tabella se vuole vedere di più.

Istruzioni

1

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

2

Trovare il codice HTML nel file che esegue il rendering di dati della tabella. Questa sezione di codice inizierà con il tag "< table >". Il tag può contenere altri elementi, come "< tavolo border = 1 bgcolor = #ffffff >," che denota il colore di sfondo della tabella e la dimensione delle sue frontiere di griglia.

3

Creare una nuova riga prima di questo codice di tabella. È possibile ottenere facilmente questo posizionando il cursore di testo destra prima il 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 che include informazioni di formattazione CSS. Questo codice fornisce funzionalità che codice HTML convenzionale non può. La linea necessaria per creare la barra di scorrimento è:

< div STYLE = "altezza: 100px; Larghezza: 100px; font-size: 12px; overflow: auto; " >

In questo esempio, sostituire "height" e "width" informazioni sui pixel per rappresentare le dimensioni della finestra del tavolo si desidera venga visualizzato sullo schermo. Tutto ciò che non rientra in questa dimensione specificata sarà automaticamente disponibile attraverso le barre di scorrimento. "100px" rappresenta 100 pixel, che non è particolarmente ampia. Prendere in considerazione la risoluzione del monitor del computer per stimare le dimensioni della finestra del tavolo desiderata. Per darti un'idea delle dimensioni che potrebbe essere necessario in questo codice, molti monitor per computer sono impostate a 1024 pixel di larghezza.

5

Salvare il file.

6

Fare doppio clic sul file per aprirlo in un browser web. La tabella è presentata con le barre di scorrimento. Se la dimensione della finestra del tavolo non è come previsto, effettuare le regolazioni per il DHTML "altezza" e parametri "larghezza" per arrivare a un aspetto che più vi si addice.