Operation Manual

141
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
Vertical Align Hiermee geeft u de verticale uitlijning op van het element, waarop deze wordt toegepast. Dreamweaver
geeft dit kenmerk alleen in het documentvenster weer wanneer het wordt toegepast op de label
<img>.
Text Align Hiermee stelt u in hoe de tekst wordt uitgelijnd binnen het element. Het kenmerk Text Align wordt door
beide browsers ondersteund.
Text Indent Hiermee geeft u op hoe ver de eerste regel tekst inspringt. U kunt een negatieve waarde gebruiken om een
uitspringing te maken, maar de weergave is afhankelijk van de browser. Dreamweaver geeft dit kenmerk alleen in het
documentvenster weer wanneer de label wordt toegepast op elementen op blokniveau. Het kenmerk Text Indent laten
inspringen wordt door beide browsers ondersteund.
Whitespace Hiermee bepaalt u hoe binnen het element met witruimte wordt omgesprongen. Selecteer uit de volgende
drie opties: Bij Normal wordt witruimte samengevouwen; bij Pre wordt witruimte behandeld alsof de tekst is omgeven
door de labels
pre (d.w.z. alle witruimte, inclusief spaties, tabs en regeleinden, wordt gerespecteerd); via Nowrap geeft
u op dat de tekst alleen omloopt wanneer een label
br wordt gesignaleerd. Dreamweaver geeft dit kenmerk niet weer in
het documentvenster. Het kenmerk Whitespace wordt ondersteund door Netscape Navigator en Internet Explorer 5.5.
Display Hiermee geeft u aan of een element wordt weergegeven, en hoe het wordt weergegeven. Met de optie None
wordt de weergave uitgeschakeld van een element waaraan de optie is toegewezen.
4 Als u deze opties hebt ingesteld, selecteert u een andere CSS-categorie aan de linkerzijde van het paneel om extra
stijleigenschappen in te stellen of klikt u op OK.
Eigenschappen voor CSS-stijlvakken definiëren
Gebruik de categorie Kader van het dialoogvenster CSS-regeldefinitie om instellingen te definiëren voor labels en
eigenschappen waarmee u de plaatsing van elementen op de pagina bepaalt.
U kunt instellingen bij het toepassen van instellingen voor opvulling en marges toepassen op afzonderlijke zijkanten
van een element, of u kunt de instelling Allemaal hetzelfde gebruiken om dezelfde instelling toe te passen op alle
zijkanten van een element.
1 Open het deelvenster CSS-stijlen (Shift + F11), als dat nog niet geopend is.
2 Dubbelklik op een bestaande regel of eigenschap in het bovenste deelvenster van het deelvenster CSS-stijlen.
3 Selecteer in het dialoogvenster CSS-regeldefinitie de optie Kader en stel een van de volgende stijleigenschappen in.
(Laat de eigenschap leeg als deze niet belangrijk is voor de stijl.)
Width en Height Hiermee stelt u de breedte en hoogte van het element in.
Float Hiermee bepaalt u aan welke zijde andere elementen, zoals tekst, AP Div-elementen, tabellen, enzovoort, binnen
een element gaan zweven. Zoals gebruikelijk, lopen andere elementen om het zwevende element heen. Het kenmerk
Float wordt door beide browsers ondersteund.
Clear Hiermee bepaalt u aan welke zijkanten AP-elementen niet zijn toegestaan. Als een AP-element voorkomt aan
de gewiste zijde, wordt het element met de gewiste instelling eronder geplaatst. Het kenmerk Clear wordt door beide
browsers ondersteund.
Padding Hiermee bepaalt u de hoeveelheid ruimte tussen de inhoud van een element en de rand ervan (of de marge
ervan, als er geen rand is). Schakel de selectie van de optie Allemaal hetzelfde uit om de opvulling van afzonderlijke
zijkanten van het element in te stellen.
Allemaal hetzelfde Hiermee stelt u dezelfde eigenschappen voor opvulling in voor de zijkanten boven, rechts, onder
en links van het element, waarop de optie Allemaal hetzelfde wordt toegepast.
Margin Hiermee bepaalt u de hoeveelheid ruimte tussen de rand van een element (of de opvulling ervan, als er geen
rand is) en een ander element. Dreamweaver geeft dit kenmerk alleen weer in het documentvenster, wanneer het wordt