Persone spesso fanno galleggiante di immagini in una pagina Web se hanno loro di essere notato, soprattutto annunci. Sebbene fare galleggiante di immagini in una pagina Web non è difficile, richiede una conoscenza di base di sviluppo Web e di codifica. Una foto può essere fatta galleggiare utilizzando codice HTML o CSS.

Istruzioni

Galleggiante con codice CSS

1

Per rendere mobile l'immagine a sinistra, utilizzare il codice riportato di seguito:
img.floatLeft () {

float: left;
margin: 4px;

}

2

Regolare le impostazioni nel codice. Ad esempio, se non si desidera che un margine di 4 pixel, modificarlo in qualunque margine desiderato sostituendo il 4 con un numero diverso.

3

Per rendere mobile un'immagine a destra, utilizzare il codice riportato di seguito:
img.floatRight () {

float: right;
margin: 4px;

}
Ancora una volta, il margine può essere modificato allo stesso modo che è stato cambiato nel passaggio 2.

Galleggiante con codice HTML

4

Per galleggiare un'immagine sulla sinistra della pagina con HTML, digitare il seguente codice nel tuo editor di testo:
< corpo >
< img class = "floatLeft" >
< p > questo è il testo che dell'immagine galleggerà intorno </p >

5

Sostituire il nome del file di immagine, nonché il testo nel codice HTML. Se l'immagine viene salvata su un server, potrebbe essere necessario includere il percorso completo di immagine nel < img src = > tag. Un esempio di un percorso di immagine completa sarebbe simile "/ immagini/mio pictures/webpageimages/yourpicture.jpg."

6

Un'immagine del galleggiante sul lato destro della pagina, includendo il codice riportato di seguito:
< corpo >
< img class = "floatRight" >
< p > questo è il testo che dell'immagine galleggerà intorno </p >
È possibile notare che l'unico cambiamento nel codice sta cambiando la "classe: da floatLeft a floatRight.

Consigli & Avvertenze

• Il codice CSS offre maggiore flessibilità. Il codice HTML non consente all'utente di modificare le dimensioni del margine.
• Ricordarsi di verificare la pagina Web nel suo stato di anteprima prima di pubblicarlo. Questo è particolarmente vero quando si sperimenta con dimensioni di pixel differenti con il codice CSS.