Operation Manual

158
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
#container {
width: 780px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
De #containerregel past een stijl toe op de container-div-tag waardoor het een breedte krijgt van 780 pixels, een witte
achtergrond, geen marge (vanaf de linkerkant van de pagina), een vast en zwart kader van 1-pixel en tekst die links is
uitgelijnd. Het resultaat van toepassing van de regel op de container-div-tag is als volgt:
Container div-label, 780 pixels, geen marge
A. Tekst links uitgelijnd B. Witte achtergrond C. Ononderbroken zwarte rand van 1 pixel
Met de volgende CSS-regel worden stijlregels gemaakt voor de sidebar div-label:
#sidebar {
float: left;
width: 200px;
background: #EBEBEB;
padding: 15px 10px 15px 20px;
}
Volgens de regel #sidebar krijgt de sidebar div-label een breedte van 200 pixels, een grijze achtergrond, een opvulling
boven en onder van 15 pixels, een opvulling rechts van 10 pixels en een opvulling links van 20 pixels. (De
standaardvolgorde voor padding is van rechtsboven naar linksonder.) Daarnaast wordt de sidebar div-label
gepositioneerd met float: left—een eigenschap waardoor de sidebar div-label naar de linkerkant van de container div-
label wordt geduwd. Het toepassen van de regel op de sidebar div-label heeft het volgende resultaat:
B
C
A