Ci basti scorrere scatole perché i monitor hanno limitazioni. Se c'è di 20 pollici di contenuti disponibili, ma il monitor è solo 12 pollici di altezza, si intende necessario scorrere per visualizzare l'intero contenuto. Si visualizza una casella di scorrimento ogni volta che si apre un browser per visitare un sito on-line o per modificare un documento in maggior parte del software. Ci sono anche situazioni in cui sarà necessario inserire una casella di scorrimento più piccola piena di informazioni su una pagina web e puoi farlo con il semplice codice HTML.

Istruzioni

1

Aprire il file HTML della pagina che si sta aggiungendo la barra di scorrimento e andare alla sezione "corpo" (tra i tag < body >). Scegli l'area dove si desidera aggiungere la casella di scorrimento nella tua pagina.

2

Digitare un tag < div >. Questo vi permetterà di creare una zona di speciale nella tua pagina Web per la casella di scorrimento. Digitare il seguente codice: < div style = "overflow: auto; Larghezza: 452px; Altezza: 476px ">.

3

Modificare i numeri di "larghezza" e "altezza" alla dimensione desiderata per la casella di scorrimento.

4

Digitare "scorrere" invece di "auto" Se si desidera una barra di scorrimento per mostrare sul lato della casella di scorrimento non importa cosa. Quando si digita "auto", la barra di scorrimento viene visualizzato solo se è necessario al fine di vedere l'intero contenuto della casella.

5

Aggiungi "allineare" come un attributo al tag < div > Se si desidera modificare come verranno allineate le informazioni all'interno della casella di scorrimento. Digitare "allineare = destra," o "align = center" (senza citazioni). Per un allineamento a destra, il tag finale leggerà come < div style = "overflow: auto; Larghezza: 452px; Altezza: 476px "align = right >. L'allineamento predefinito è a sinistra, quindi se stai bene con il testo e le immagini in fila a sinistra della casella, lasciare questo passaggio.

6

Aggiungere "Posizione: assoluta; sinistra: 108px "al tag < div stile > dal secondo passo, se si desidera posizionare la casella di scorrimento intera ulteriormente attraverso la pagina. Se si sceglie questa opzione, il tag finale leggerà come < div style = "overflow: auto; Larghezza: 452px; Altezza: 476px; Posizione: assoluta; sinistra: 108px ">. Sostituire il "108" dopo la "sinistra" attribuisce tuttavia molti pixel all'interno della pagina che si desidera spostare la casella; il più alto quel numero, ulteriore all'interno della pagina la casella si muoverà.

7

Digitare il testo come di consueto o aggiungere immagini alla casella di scorrimento (per esempio, < img src=yourpicturehere.jpg >) proprio come si digiterà il codice HTML nel corpo del file standard.

8

Chiudere il tag < div > con "< / div >" (senza virgolette).

9

Verificare la pagina web aggiornato nel tuo browser per vedere se la casella di scorrimento è posizionata a proprio piacimento.