Mohel.dk > Tutorials > Div
Den basale div kode ser sådan her ud:
<div>
</div>
Man kan nemt tilføje noget til koderne. Hvis du nu gerne ville have at din tekst skal være et helt bestemt sted skal du bruge det her:
<div style="top:px; left:px;">
Top er hvor langt din tekst skal være væk fra toppen af siden og left er hvor langt fra venstre at teksten skal være.
Vil du heller have at teksten skal være en bestemt brede og højde kan du bruge denne her kode:
<div style="position:absolute; width: px; height: px; overflow: auto;">
Height er højden på din tekst og width er breden på din tekst. Overflow: auto gør sådan at hvis en tekst er længere end hvad height siger gør overflow at der kommer en scrollbar ind istedet for at teksten bare forsætter.
Bruges det midt inde i et billede kan det være træls og svært at finde en ordentlig scrollbar, men dertil kan man gøre sådan at scrollbaren bliver gennemsigtig. Desværre virker det kun for IE 6. Men koden er:
<div style="position:absolute; width: px; height: px; overflow: auto; FILTER: chroma(color=#CC9966)">
Som det måske kan ses er at koderne kan blandes sammen sådan at top og left også kan komme derind. Bare tag det som er mellem " og " og sæt det ind mellem " og " og sørger for at det ikke kommer til at så inde i en af de andre koder.
Den basale div kode ser sådan her ud:
<div>
</div>
Man kan nemt tilføje noget til koderne. Hvis du nu gerne ville have at din tekst skal være et helt bestemt sted skal du bruge det her:
<div style="top:px; left:px;">
Top er hvor langt din tekst skal være væk fra toppen af siden og left er hvor langt fra venstre at teksten skal være.
Vil du heller have at teksten skal være en bestemt brede og højde kan du bruge denne her kode:
<div style="position:absolute; width: px; height: px; overflow: auto;">
Height er højden på din tekst og width er breden på din tekst. Overflow: auto gør sådan at hvis en tekst er længere end hvad height siger gør overflow at der kommer en scrollbar ind istedet for at teksten bare forsætter.
Bruges det midt inde i et billede kan det være træls og svært at finde en ordentlig scrollbar, men dertil kan man gøre sådan at scrollbaren bliver gennemsigtig. Desværre virker det kun for IE 6. Men koden er:
<div style="position:absolute; width: px; height: px; overflow: auto; FILTER: chroma(color=#CC9966)">
Som det måske kan ses er at koderne kan blandes sammen sådan at top og left også kan komme derind. Bare tag det som er mellem " og " og sæt det ind mellem " og " og sørger for at det ikke kommer til at så inde i en af de andre koder.