Un oggetto galleggiante CSS, ad esempio un'immagine o un contenitore DIV, permette di testo e altri elementi della pagina web per avvolgere intorno ad esso. Gli oggetti vengono galleggiare utilizzando il CSS proprietà "float", che dirige anche il contenitore immagine o DIV galleggiare ai bordi sinistro o destro del suo elemento che contiene. È possibile convertire gli oggetti fluttuanti in un elenco con la creazione di una lista non ordinata con il "<UL>" e "<li>" tag HTML. Questo metodo consente di creare un menu di navigazione di base da elementi galleggianti.

istruzione

1 Fare clic con il documento Web che contiene l'oggetto mobile. Fai clic su "Apri con", quindi selezionare "Blocco note" o "WordPad" dalle applicazioni elencate. Fai clic su "OK".

2 Individuare l'oggetto mobile. Un oggetto pagina Web che viene lanciata avrà il "float: left;" o "float: right;" CSS di codice di stile all'interno del tag object. Ad esempio, un contenitore DIV che galleggiava può visualizzare come "<div style =" float: left; '> "o" < "float: right;' div style =>."

3 Fare clic per posizionare il cursore sulla fine della riga sopra l'oggetto galleggiante e premere "Invio" per creare una riga vuota.

4 Tipo "<UL>" sulla riga vuota e premere "Invio". Questo tag crea una lista non ordinata.

5 Tipo "<LI>" sulla riga sopra l'oggetto galleggiante e premere "Invio". Questo tag crea una voce di elenco.

6 Fare clic per posizionare il cursore sulla riga sotto l'oggetto galleggiante. Tipo "</ LI>" per chiudere la voce di elenco. Eventuali oggetti della pagina Web tra il "<LI>" e "</ LI>" tag diventano elementi di una lista.

7 Tipo "<LI>" dopo il "</ LI>" tag creato nel passaggio precedente per creare un altro elemento della lista. Digitare o incollare qualsiasi oggetto contenuto o pagina Web che si vuole fare in un altro elemento della lista, quindi digitare "</ LI>" per chiudere il tag voce dell'elenco. Ripetere questo passaggio per creare più voci di elenco.

8 Tipo "</ UL>" per chiudere la lista non ordinata.

9 Fare clic sul menu "File", poi cliccare su "Salva" per salvare il documento pagina Web.