September 30
Floating un elemento sulla vostra pagina Web consente di disporre il testo intorno la voce nello stesso modo in cui il testo spesso scorre intorno a un'immagine in quotidiani e riviste. Floating un pulsante grafico o un'immagine in grado di migliorare l'aspetto di una pagina Web, eliminando grandi lacune e spazi bianchi tra le immagini e testo. Galleggiante può anche contribuire a ridurre la lunghezza complessiva della pagina Web, perché il testo siede accanto grafica e immagini. Per ottenere un pulsante di Twitter a galleggiare in una pagina Web, è necessario creare un elemento di design foglio di stile CSS, ed evocare questo comando in codice HyperText Markup Language per il pulsante Twitter.
1 Avviare il programma di HTML-editing, web-codifica e programma di progettazione o di uno strumento di modifica del testo normale, come ad esempio il blocco note.
2 Aprire la pagina Web che contiene il pulsante di Twitter che si vuole galleggiare. Scorrere fino alla sezione di intestazione della pagina, che è tutto il codice contenuto e HTML tra i tag <head> e </ head>.
3 Copiare e incollare il seguente codice CSS nella sezione head della pagina web:
<Style type = "text / css">
/
Rimozione margini e padding di default /
{
padding: 0 0 0 0;
margin: 0 0 0 0
}
/ Impostare le dimensioni per la divisione principale /
principale {
width: 100%;
float: left
}
/ * Impostare le dimensioni per la divisione di sinistra.
Aggiungere float * /
sinistra {
width: 72%;
margin: 0 0 4% 4%;
float: left;
}
/ * Impostare le dimensioni per la divisione a destra.
Aggiungere float * /
destra {
width: 16%;
margin: 0 4 0 0%;
float: left;
}
</ Style>
Questo codice galleggerà elementi a sinistra oa destra nel codice HTML nel corpo principale della pagina Web.
4 Scorrere fino alla posizione del pulsante Twitter nella sezione del corpo principale della pagina Web. Questo è tutto il contenuto tra i tag <body> e </ body> tag.
5 Incollare o digitare immediatamente il seguente codice prima che il pulsante di Twitter. Enter "<div id =" left ">" galleggiare il pulsante Twitter alla sinistra della pagina. Inserire "<div id =" right ">" galleggiare il pulsante a destra della pagina. Paste "</ div>" immediatamente dopo che il pulsante Twitter.
6 Salvare la pagina web ranking e caricarlo sul server di sito. Il pulsante Twitter sarà ora galleggia con tutto il testo avvolto intorno alla grafica.