Come fare il codice HTML per ottenere barre di scorrimento orizzontali

February 27

barre di scorrimento orizzontali servono essenzialmente lo stesso scopo nella pagina Web che le barre di scorrimento verticali fanno. Anche se le barre di scorrimento verticali consentono di scorrere verso l'alto e verso il basso di una pagina per visualizzare più contenuti, le barre di scorrimento orizzontali consentono di visualizzare il contenuto che scappa a sinistra o destra. Queste barre di scorrimento sono spesso necessarie all'interno di caselle di testo nelle pagine Web quando la casella non è abbastanza grande per visualizzare tutti i contenuti.

istruzione

1 Accedere al server Web.

2 Aprire la pagina HTML in cui si desidera includere una barra di scorrimento orizzontale.

3 Clicca sulla sezione della pagina in cui si desidera inserire la scatola con la barra di scorrimento orizzontale. Questo sarà tra l'apertura <body> e chiusura </ body> tag.

4 Inserisci questo codice:

<Div style = "border: 1px solid nero; width: 400px; height: 200px; trabocco-y: hidden; trabocco-x: scroll;">

<P style = "width: 250%;">

Il testo va qui.

</ P>

</ Div>

5 Sostituire "Il testo va qui" con il testo vero e proprio che si desidera includere nella casella di scorrimento.

6 Sostituire le impostazioni di altezza e larghezza per la casella di scorrimento che si trova nella prima riga di codice se lo si desidera. Non cambiare l'impostazione "250%" nel codice. Questo è necessario per creare la barra di scorrimento orizzontale.

7 Pubblicare la pagina.