Dreamweaver CS3 - Adobe

Labels voor div-elementen invoegen
DREAMWEAVER CS3
Handboek
U kunt labels voor div-elementen gebruiken om CSS-lay-outblokken te maken en deze in uw document te positioneren.
Dit is handig als u een bestaande CSS-stijlpagina met positioneringsstijlen aan uw document hebt gekoppeld. Met
Dreamweaver kunt u snel de label voor een div-element invoegen en bestaande stijlen erop toepassen.
1 Plaats de invoegpositie in het documentvenster op de plaats waar u de label voor een div-element wilt invoegen.
2 Ga op een van de volgende manieren te werk:
• Selecteer Invoegen > Lay-outobjecten > Div Tag.
• In the Layout category of the Insert bar, click the Insert Div Tag button .
3 Stel vervolgens de volgende opties naar wens in:
Invoegen Hiermee selecteert u de locatie van de label voor het div-element (op de invoegpositie, vóór of na de label, of
vóór of na het begin van de label) alsmede de naam van de label als het geen nieuwe label is.
Klasse Hiermeegeeftudeklassestijlweer,diemomenteelopdelabelwordttoegepast. Alsueenstijlpaginahebtgekoppeld,
worden op die stijlpagina gedefinieerde klassen weergegeven in de lijst. Gebruik dit pop-upmenu voor een van de volgende
handelingen:
• Selecteer de stijl die u wilt toepassen op de label.
• Selecteer Geen om de huidige geselecteerde stijl te verwijderen.
• Selecteer Stijlpagina koppelen om een dialoogvenster te openen, waarin u een externe stijlpagina kunt koppelen.
Div-id Hiermee kunt u de naam wijzigen die is gebruikt om de label voor het div-element aan te duiden. Als u een
stijlpagina hebt gekoppeld, worden op die stijlpagina gedefinieerde id's weergegeven in de lijst. Id's voor blokken die al in
uw document staan, worden niet vermeld.
Opmerking: Dreamweaver geeft een waarschuwing als u dezelfde id als die van een andere label in uw document opgeeft.
CSS bewerken Hiermee opent u het paneel CSS-stijlen.
4 Klik op OK.
De label voor het div-element wordt als een vak in uw document met de tekst van een tijdelijke aanduiding weergegeven.
Als u de muisaanwijzer over de rand van het vak beweegt, wordt het element door Dreamweaver gemarkeerd.
Als de label voor het div-element absoluut is gepositioneerd, wordt het een AP-element. (U kunt labels voor div-elementen
die niet absoluut zijn gepositioneerd, bewerken.)
Zie ook
“Info over AP-elementen in Dreamweaver” op pagina 146
“Een pagina met een CSS-lay-out maken” op pagina 144
Labels voor div-elementen bewerken
Nadat u de label voor een div-element hebt ingevoegd, kunt u het element manipuleren of kunt u er inhoud aan toevoegen.
Opmerking: Labels voor div-elementen die absoluut zijn gepositioneerd, worden AP-elementen.
Als u randen toewijst aan div-labels of als u Omtrek van CSS-layout hebt geselecteerd, hebben deze elementen zichtbare
randen. (Omtrek van CSS-lay-out wordt standaard geselecteerd in het menu Beeld > Visuele hulpmiddelen.) Als u de
muisaanwijzer over de label voor een div-element beweegt, markeert Dreamweaver de label. U kunt de markeerkleur
wijzigen of markeren uitschakelen.
Als u de label voor een div-element selecteert, kunt u regels hiervoor bekijken en bewerken in het paneel CSS-stijlen. Ook
kunt u inhoud toevoegen aan de label voor een div-element door gewoon de invoegpositie binnen de label voor het divelement
te plaatsen en vervolgens inhoud toe te voegen op de manier waarop u inhoud toevoegt aan een pagina.
157