Hvordan lage en DIV Drabare

February 2

Hvis du ønsker å lage en skvett på websiden og har innhold på en unik måte, kan du inkludere en flyttbar div på siden din. En div er en mini-delen av HTML-kode som ofte inneholder et bilde eller to, og en samling av tekst. Alt i en div skiller seg ut fra resten av HTML på en side. En måte å få div å skille seg ut mer, er å gjøre det flyttbare, noe som betyr at brukeren kan plassere div hvor han ønsker å plassere den.

Bruksanvisning

1 Logg inn på din webserver. Åpne HTML-filen som du ønsker å sette inn en flyttbare div.

2 Klikk markøren i <head> -delen av HTML-koden.

3 Sett inn denne koden:

.dragging {

bakgrunn: # 0000FF;

width: 400px;

height: 400px;

position: absolute;

top: 50 piksler;

venstre: 50 piksler;

z-index: 5;

}

</ Style>

4 Sett på bakgrunn fargekode, hvis du ønsker (se Ressurser).

5 Klikk i <body> -delen av siden på det stedet der du vil at div skal vises når siden først åpnes.

6 Sett inn denne koden:

Div med klassen <b> dra </ b>

<P> Din tekst går her </ p>

</ Div>

7 Erstatt "Din tekst går her" med teksten eller bildet du ønsker å sette inn i den flyttbare div.

8 Publiser siden.