Uno dei modi più veloci per un gruppo di oggetti in una pagina Web center è quello di riporli in un contenitore. Widget, ad esempio, sono disponibili in molte dimensioni e forme. Molti siti come Facebook, Twitter, Amazon e anche il governo degli Stati Uniti widget dare via gratis. Se si dispone di widget che si desidera visualizzare nella sezione piè di pagina Web aggiungerli a un div contenitore e utilizzare CSS per lo stile il vostro div.

Istruzioni

1

Avviare un editor HTML o testo e aprire un documento HTML. Trovare la sezione di stile del documento e incollare il codice seguente all'interno di quella sezione:

.footer {inferiore: 0px; Larghezza: 100%; inferiore: 5px; posizione: assoluta; text-align: center;}

.widgets {float: left; width: 100%; margin: 0 auto;}

La classe CSS .footer definisce gli attributi di piè di pagina della tua pagina Web. Valore dell'attributo text-align è "centro". Che consente ai browser di centrare nulla all'interno del piè di pagina. La classe .widgets definisce gli attributi del contenitore div che contiene il tuo widget. L'attributo float – cui valore è "sinistra" – assicura che più widget in div sedersi uno accanto a altro. L'attributo più importante è il margine. Dandogli un valore di "0 auto" è possibile forzare i browser per centrare i widget all'interno del loro contenitore div.

2

Aggiungere il seguente codice HTML nella sezione body del documento:

< div class = "footer" >
< div class = "widget" >
INSERIRE IL WIDGET QUI
INSERIRE IL WIDGET QUI
< / div >

La prima riga di codice crea il div del piè di pagina Fa riferimento la classe di piè di pagina descritta nella sezione precedente. Il secondo div fa riferimento alla classe widget. Questo div si siede all'interno del div. piè di pagina sostituire le due righe che leggere "Inserire WIDGET qui" con due dei tuoi widget.

3

Salvare il documento e visualizzarlo nel browser. I widget apparirà centrati nella parte inferiore della pagina nel piè di pagina.

4

Aggiungere widget aggiuntivi per il div che contiene il widget. Visualizzazione della pagina Web in un browser dopo l'aggiunta di più widget per assicurarsi di non aggiungere troppi. Se lo fai, loro fluire fuori il lato destro della pagina e causare una barra di scorrimento orizzontale a comparire.