Operation Manual

143
DREAMWEAVER GEBRUIKEN
Pagina's maken met CSS
Laatst bijgewerkt 2/5/2011
List style image Hiermee geeft u een eigen afbeelding voor opsommingstekens op. Klik op Bladeren (Windows) of
Kies (Macintosh) om via bladeren een afbeelding te zoeken of typ het pad naar de afbeelding.
List style position Hiermee bepaalt u of de tekst van een lijstitem omloopt en inspringt (buiten), of dat de tekst
omloopt naar de linkermarge (binnen).
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-stijlpositionering definiëren
De stijleigenschappen voor Positionering bepalen hoe de aan de geselecteerde CSS-stijl gekoppelde inhoud wordt
gepositioneerd op de pagina.
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 Positionering en stel vervolgens de gewenste
stijleigenschappen in.
Laat een van de volgende eigenschappen leeg als deze niet belangrijk zijn voor de stijl:
Position Hiermee bepaalt u als volgt hoe de browser het geselecteerde element gaat positioneren:
• Absolute plaatst de inhoud met behulp van de coördinaten die u hebt opgegeven in de vakken Placement, relatief
ten opzichte van het dichtstbijzijnde absoluut of relatief gepositioneerde bovenliggende element, of, als er geen
absoluut of relatief gepositioneerd bovenliggende element is, in de linkerbovenhoek van de pagina.
• Relative plaatst het blok inhoud met behulp van de coördinaten die u hebt opgegeven in de vakken Placement,
relatief ten opzichte van de positie van het blok in de tekststroom van het document. Als u een element bijvoorbeeld
een relatieve positie en coördinaten voor boven en links van elke 20 px (pixels) geeft, verschuift het element 20
pixels naar rechts en 20 pixels naar onder vanaf zijn normale positie in de stroom. Elementen kunnen ook relatief
worden gepositioneerd, met of zonder coördinaten voor boven, links, rechts of onder, om een context te bepalen
voor absoluut gepositioneerde onderliggende elementen.
• Fixed plaatst de inhoud met behulp van de coördinaten die u hebt opgegeven in de vakken Placement, relatief ten
opzichte van de linkerbovenhoek van de browser. Terwijl de gebruiker via schuiven door de pagina bladert, blijft
de inhoud vast op die positie.
• Static plaatst de inhoud op de plaats ervan in de tekststroom. Dit is de standaardpositie van alle positioneerbare
HTML-elementen.
Visibility Hiermee bepaalt u de aanvankelijke weergavetoestand van de inhoud. Als u geen eigenschap voor
zichtbaarheid opgeeft, krijgt de inhoud standaard de waarde van de bovenliggende label. De standaardzichtbaarheid
van de label body is zichtbaar. Selecteer een van de volgende zichtbaarheidsopties:
• Inherit neemt de zichtbaarheidseigenschap van het bovenliggende element van de inhoud over.
• Visible geeft de inhoud altijd weer, ongeacht de waarde van het bovenliggende element.
• Hidden verbergt de inhoud, ongeacht de waarde van het bovenliggende element.
Z-Index Hiermee bepaalt u de stapelvolgorde van de inhoud. Elementen met een hogere Z-index verschijnen boven
elementen met een lagere Z-index (of die met helemaal geen index). Waarden kunnen positief of negatief zijn. (Als uw
inhoud absoluut is gepositioneerd, is het eenvoudiger om de stapelvolgorde te wijzigen met behulp van het paneel AP-
elementen).