Nwlapcug.com


Come dividere un piè di pagina in terzi

Come dividere un piè di pagina in terzi


Piè di pagina si trovano nella parte inferiore di una pagina Web. Consentono di legare insieme il tuo sito Web e fornire dettagli aggiuntivi su una società. Web designer spesso ripetere collegamenti dalla parte superiore di navigazione all'interno del piè di pagina per impedire agli utenti di eseguire il backup di scorrimento per recuperare le informazioni. Poiché il piè di pagina è spesso breve, è possibile dividere in colonne per strutturare il contenuto più facilmente. Ad esempio, se si desidera includere dettagli contatti sulle informazioni sinistra, diritto d'autore nel mezzo e termini dell'azienda sulla destra.

Istruzioni

1

Avviare un editor di testo, ad esempio Blocco note, WordPad o EditPad. Selezionare "File" e "Apri" dal menu. Si apre una finestra di dialogo. Fare doppio clic il file HTML che si desidera modificare.

2

Aggiungere il seguente codice tra i tag < HEAD > per creare uno stile per il piè di pagina. Sostituire la larghezza con la larghezza specifica che si desidera impostare per il piè di pagina. Il "900px;" larghezza si applica alla larghezza del piè di pagina intera. La larghezza all'interno di "sinistra", "medio" e "destra" si applica a quello di ciascuna colonna all'interno del piè di pagina.

< style type = "text/css" >
<!...

piè di pagina () {

chiaro: entrambi;
Larghezza: 900px;
border-top: 2px nero solido;
}
tilmato {float: left; width: 300px;}
.Middle {float: left; width: 300px;}
proprio {float: left; width: 300px;}
-->
< / stile >

3

Scorrere fino alla fine della pagina Web, appena sopra il tag di chiusura < BODY >.

4

Aggiungere il seguente codice HTML per creare e dividere il piè di pagina in terzi:

< div id = "footer" >
< div class = "left" > sezione a sinistra < / div >
< div class = "middle" > Middle sezione < / div >
< div class = "right" > destra sezione < / div >
< / div >

5

Sostituire "Sezione sinistra", "Sezione di mezzo" e "Sezione a destra" con il piè di pagina contenuto.