Come mettere Scroll caselle in una pagina

June 25

Abbiamo bisogno di scorrere scatole perché i monitor hanno dei limiti. Se non vi è di 20 pollici di contenuti disponibili, ma il monitor è alto solo 12 pollici, si sta andando ad avere bisogno di scorrere per vedere l'intero contenuto. È possibile visualizzare una casella di scorrimento ogni volta che si apre un browser per visitare un sito on-line o per modificare un documento maggior parte del software. Ci sono anche situazioni in cui hai bisogno di mettere una casella di scorrimento più piccolo pieno di informazioni su una pagina web e si può farlo con un semplice codice HTML.

istruzione

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

2 Digitare un tag <div>. Questo vi permetterà di creare una zona speciale nella vostra pagina web per la casella di scorrimento. Digitare il seguente codice: <div style = "overflow: auto; width: 452px; height: 476px">.

3 Cambiare la "larghezza" e numeri "altezza" per la dimensione desiderata per la casella di scorrimento.

4 Tipo "scorrere" invece di "auto", se si desidera una barra di scorrimento per mostrare sul lato della casella di scorrimento non importa quale. Quando si digita "Auto", la barra di scorrimento appare solo se è necessario per vedere l'intero contenuto della scatola.

5 Aggiungere "align" come attributo al tag <div> se si vuole cambiare il modo sarà allineato le informazioni all'interno della casella di scorrimento. Digitare "align = right", o "align = center" (senza virgolette). Per un allineamento a destra, il tag finale sarà letto come <div style = "overflow: auto; width: 452px; height: 476px" align = right>. L'allineamento predefinito è a sinistra, quindi se stai bene con il testo e le immagini in fila alla sinistra della casella, lasciare questo passo fuori.

6 Aggiungere "position: absolute; sinistra: 108px" al tag <div style> dal secondo passaggio se si desidera posizionare l'intera casella di scorrimento ulteriormente tutta la pagina. Se si sceglie questa opzione, il tag finale sarà letto come <div style = "overflow: auto; width: 452px; height: 476px; position: absolute; sinistra: 108px">. Sostituire il "108" dopo l'attributo "di sinistra" per tuttavia molte pixel attraverso la pagina che si desidera spostare la scatola; più alto è il numero, più attraverso la pagina la scatola si muoverà.

7 Digitare il testo, come al solito o aggiungere immagini alla casella di scorrimento (per esempio, <img src = yourpicturehere.jpg>), così come è necessario digitare il codice HTML nel corpo standard del file.

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

9 Metti alla prova la tua pagina web aggiornata nel browser per vedere se la casella di scorrimento è posizionato a proprio piacimento.


Articoli Correlati