Dreamweaver CS3 - Adobe

Zie ook
“Info over AP-elementen in Dreamweaver” op pagina 146
“Het deelvenster CSS-stijlen openen” op pagina 124
Op de label voor een div-element toegepaste regels weergeven en bewerken
1 Voer een van de volgende handelingen uit om de label voor een div-element te selecteren:
• Klik op de rand van de label voor het div-element.
Let op de markering om de rand te zien.
DREAMWEAVER CS3
Handboek
• Klik binnen de label voor het div-element en druk twee maal op Control+A (Windows) of Command+A (Macintosh).
• Klik binnen de label voor het div-element en selecteer vervolgens de label voor het div-element in de labelkiezer onder
aan het documentvenster.
2 Selecteer Venster > CSS-stijlen om het paneel CSS-stijlen te openen, als dit nog niet is geopend.
Regels die worden toegepast op de label voor het div-element, worden in het paneel weergegeven.
3 Breng desgewenst wijzigingen aan.
De invoegpositie in de label voor een div-element plaatsen om inhoud toe te voegen
❖ Klik op een willekeurige plaats binnen de randen van de label.
Wijzig de tekst voor de tijdelijke aanduiding in een label voor een div-element
❖ Selecteer de tekst en typ er vervolgens overheen, of druk op Verwijderen.
Opmerking: U kunt inhoud toevoegen aan de label voor het div-element op dezelfde manier als bij het toevoegen van inhoud
aan een pagina.
De markeringskleur van labels voor div-elementen wijzigen
Wanneer u de muisaanwijzer over de rand van de label voor een div-element beweegt in de ontwerpweergave, markeert
Dreamweaver de randen van de label. U kunt de markeerfunctie desgewenst in- of uitschakelen, of de markeerkleur
wijzigen in het dialoogvenster Voorkeuren.
1 Selecteer Bewerken > Voorkeuren (Windows) of Dreamweaver > Voorkeuren (Macintosh).
2 Selecteer Markering in de lijst Categorie aan de linkerkant.
3 Maak een van beide volgende wijzigingen en klik op OK:
• Alsudemarkeerkleurvandelabelsvoordiv-elementen wilt wijzigen, klikt u op het kleurvak Bij aanwijzen met muis en
selecteert u vervolgens een markeerkleur met behulp van de kleurkiezer (of geeft u de hexadecimale waarde voor de
markeerkleur op in het tekstvak).
• Als u markeren van de labels voor div-elementen wilt in- of uitschakelen, schakelt u het selectievakje Tonen bij Bij
aanwijzen met muis in respectievelijk uit.
Opmerking: Deze opties zijn van invloed op alle objecten, zoals tabellen, die Dreamweaver markeert wanneer u de
muisaanwijzer over deze objecten beweegt.
CSS-lay-outblokken visualiseren
U kunt CSS-lay-outblokken visualiseren terwijl u in de ontwerpweergave werkt. Een CSS-lay-outblok is een HTMLpagina-element
dat u op een willekeurige plaats op uw pagina kunt positioneren. Meer in het bijzonder is een CSS-layoutblok
een label voor een div-element zonder display:inline of een willekeurig ander pagina-element met daarin de
CSS-declaratie display:block, position:absolute, of position:relative. Hieronder volgen enkele voorbeelden van
elementen die in Dreamweaver als CSS-lay-outblokken worden beschouwd:
• Een label voor een div-element
158