March 20
La proprietà "float" è stato sviluppato come parte del CSS1, la prima iterazione di Cascading Style Sheets. Con galleggiante CSS, un oggetto può essere posizionato in orizzontale, a sinistra oa destra. A piè di pagina del sito Web, o più in basso contenuti di un sito Web, è possibile galleggiare facilmente utilizzando poche righe di codice CSS in-line utilizzando il tag "stile" o un foglio di stile esterno.
1 Aprire la pagina Web in HTML vista / codice utilizzando un editor di testo o utilizzando il file manager del proprio host web.
2 Creare un div (<div> </ div>) tag intorno alla vostra zona piè di pagina all'interno della visualizzazione codice HTML.
3 Aggiungere
style = "float :?"
al div footer tag di apertura (<div>) e sostituire il punto interrogativo con la posizione flottante, che può essere: sinistra, destra, nessuno o ereditare.
4 Salvare le modifiche e aggiornare la pagina per visualizzare le modifiche.
5 Creare un documento chiamato "style.css" utilizzando un editor di testo o utilizzando il file manager del proprio host web. O aprire il foglio di stile pre-esistente.
6 Aggiungere la proprietà
piè di pagina {float:;?}
al tuo foglio di stile e sostituire il punto interrogativo con la posizione flottante, che può essere: sinistra, destra, nessuno o ereditare.
7 Salvare le modifiche e caricare il file sul tuo host web.
8 Aprire la pagina Web in HTML vista / codice utilizzando un editor di testo o utilizzando il file manager del proprio host web.
9 Attaccare il foglio di stile alla pagina Web utilizzando il seguente comando nella testa, all'interno della sezione <head> </ head> delle pagine rilevanti:
<Link rel = "stylesheet" type = "text / css" href = "?" />
Sostituire il punto interrogativo con l'URL del documento "style.css" caricato.
10 Creare un div (<div id = "footer"> </ div>) tag intorno alla vostra zona piè di pagina all'interno del codice HTML. Assicurati di dare il vostro piè div lo stesso ID è stato utilizzato all'interno del foglio di stile.
11 Salvare le modifiche e aggiornare la pagina Web per visualizzare le modifiche.