Quando si progetta una pagina Web per una risoluzione di schermo più grande e il tuo sito viene visualizzato su una risoluzione inferiore, vengono visualizzate automaticamente le barre di scorrimento orizzontale e verticale. Fortunatamente, se si preferisce sbarazzarsi di appena lo scroll orizzontale, hai la possibilità di farlo utilizzando Cascading Style Sheets (CSS). Capire come applicare CSS al codice esistente di HyperText Markup Language (HTML) per imporre una regola che limita solo la barra in basso.

Istruzioni

1

Richiamare il programma di editor di testo del computer e aprire il documento di pagina Web che ha la barra di scorrimento orizzontale.

2

Posizionare il cursore prima dell'elemento finale "< / head >" all'inizio del file e immettere il seguente codice CSS:

< style type = "text/css" >

< / stile >

3

Digitare "body {}" tra i tag di stile e immettere "overflow-x: hidden;" tra le parentesi graffe. Per illustrare:

corpo {overflow-x: hidden;}

Il corpo controlla tutta la pagina Web e l'attributo di overflow-x indica al browser di solo sbarazzarsi della barra orizzontale.

4

Salvare il file. Il vostro codice CSS completo ora assomiglia a questo:

< style type = "text/css" >

corpo {overflow-x: hidden;}

< / stile >

Consigli & Avvertenze

• Se si desidera sbarazzarsi di entrambe le barre di scorrimento orizzontale e verticale, modificare l'attributo di "overflow-x" su "overflow" come nell'esempio seguente:
• corpo {overflow: hidden;}