Come fare un oggetto su un galleggiante sito web

October 20

Creare un oggetto galleggiante sul tuo sito web per mezzo di elemento CSS styling. Questo oggetto potrebbe essere un paragrafo di testo, un'immagine, un video o anche un widget. Creando un effetto flottante sposta l'oggetto il più a destra oa sinistra il più possibile delimitata dalle bordi dell'oggetto genitore. Il concetto di un oggetto galleggiante aiuta al momento di organizzare i pezzi di una pagina Web senza il fastidio di allineare ogni singolo pezzo uno per uno.

istruzione

1 Accedere al tuo sito web e aprire il codice del sito web in cui si desidera avere l'un oggetto mobile. Utilizzare qualsiasi editor HTML o CSS per completare questa operazione.

2 Aggiungere l'attributo "Style" per l'elemento oggetto da galleggiare. Ad esempio, se l'oggetto fosse all'interno di un elemento "Div": "<div style =" "> Oggetto flottante </ div>".

3 Aggiungere lo stile "galleggiare" all'interno dell'attributo "style". Ad esempio: "<div style =" float: right; "> flottante oggetto </ div>." Questo esempio crea un effetto di oscillazione destra sull'oggetto Web.

4 Verificare altri elementi della pagina non includono il CSS stile "Clear". Questo stile limita i lati dell'oggetto che oggetti mobili possono funzionare su.

5 Salvare il codice. Ora si dovrebbe avere un oggetto mobile all'interno del tuo sito web.

Consigli e avvertenze

  • Sentitevi liberi di usare altri valori delle proprietà di stile CSS "float" tra cui "sinistra" (che crea un effetto fluttuante sinistra sull'oggetto web) e "ereditare" (che utilizza proprietà float dell'oggetto precedente).