September 4
Spesso le persone fanno le immagini galleggiano in una pagina Web se loro di essere notati, in particolare gli annunci. Anche se rendendo le immagini galleggiano in una pagina Web non è difficile, richiede una conoscenza di base di sviluppo web e codifica. Un'immagine può essere fatto galleggiare utilizzando codice HTML o CSS.
1 Per rendere mobile l'immagine a sinistra, utilizzare il seguente codice:
img.floatLeft {
float: left;
margin: 4px;
}
2 Regolare le impostazioni nel codice. Ad esempio, se non si desidera un margine di 4 pixel, modificarlo a qualsiasi margine desiderato sostituendo il 4 con un numero diverso.
3 Per rendere mobile l'immagine a destra, utilizzare il seguente codice:
img.floatRight {
float: right;
margin: 4px;
}
Ancora una volta, il margine può essere modificata nello stesso modo è stato cambiato nel passaggio 2.
4 Per rendere mobile l'immagine a sinistra della pagina con HTML, digitare il seguente codice nel vostro editor di testo:
<Body>
<Img class = "floatLeft">
<P> Questo è il testo l'immagine sarà galleggiare intorno </ p>
5 Sostituire il nome del file di immagine così come il testo nel codice HTML. Se l'immagine viene salvata su un server, potrebbe essere necessario includere il percorso completo dell'immagine nel tag <img src =>. Un esempio di un percorso di immagine completo sarebbe simile a "/ immagini / le mie foto / webpageimages / yourpicture.jpg."
6 Float un'immagine sul lato destro della pagina includendo il codice seguente:
<Body>
<Img class = "floatRight">
<P> Questo è il testo l'immagine sarà galleggiare intorno </ p>
Si può notare che l'unico cambiamento nel codice sta cambiando la "classe: da floatLeft a floatRight.