Quando si aggiunge un'intestazione alla tua pagina Web HyperText Markup Language (HTML), questo elemento scomparirà mentre si scorre verso il basso in una finestra del browser per impostazione predefinita. Questo è spesso problematico se avete link o altre informazioni essenziali che devono essere fissati in posto così sono sempre visibili. Utilizza Cascading Style Sheets (CSS) in combinazione con codice HTML, è possibile mantenere l'intestazione statica così esso non si muove.

Istruzioni

1

Avviare l'applicazione editor di testo e visualizzare il documento Web con l'intestazione che si desidera modificare.

2

Posizionare il cursore prima del tag finale < / head > e digitare il seguente codice CSS:

< style type = "text/css" >

intestazione {} {} contenitore

< / stile >

La regola di intestazione gestisce il contenuto dell'intestazione, mentre lo stile contenitore controlla il corpo principale della pagina Web.

3

Immettere "Posizione: fisso;" all'interno di parentesi graffe della regola intestazione e tipo "background-color:;" e "altezza:;" dopo di esso. Immettere un valore di colore esadecimale dopo l'attributo background-color e digitare un valore numerico in pixel dopo l'altezza per definire questa misura. Per illustrare:

intestazione {posizione: fisso; background-color: #ffff00; height: 100px;}

La posizione fissa consente di specificare l'intestazione di rimanere in posizione nella pagina, mentre il colore di sfondo viene visualizzato una sfumatura diversa intestazione è visibile mentre si muove oltre il contenuto principale.

4

Tipo "margin-top:;" all'interno del contenitore di stile e immettere un valore numerico in pixel che corrisponde l'altezza dell'intestazione. Il tuo CSS completo ora sembra simile all'esempio seguente:

< style type = "text/css" >

intestazione {posizione: fisso; background-color: #ffff00; height: 100px;} contenitore {margin-top: 100px;}

< / stile >

Aggiungendo un margine per la regola di contenitore, si sposta il contenuto principale sotto l'intestazione.

5

Immettere "< div id ="header">" prima il codice di intestazione HTML e il tipo "< / div >" alla fine. Inoltre, digitare "< div id ="container">< / div >" dopo l'intestazione e immettere il contenuto del sito tra questi tag div. Per illustrare:

< div id = "header" >
< h1 > questo è il tuo header. < / h1 >
< / div >
< div id = "container" >
< p > questo è il contenuto di pagina. </p >
< / div >

6

Salvare il file. L'intestazione ora è statico.