Wijzigen van absoluut geplaatste (AP) divs in Adobe Dreamweaver CS6 - dummies

Elke door Absolute geplaatste (AP) Div die u tekent in Adobe Dreamweaver CS6 wordt automatisch weergegeven in het paneel AP-elementen (kies Venster → AP-elementen om het weer te geven). Het paneel AP-elementen kan u helpen bij het selecteren, verbergen en weergeven van AP Divs op de pagina. Dit paneel is handig als u veel AP Divs op de pagina hebt en nauwkeurig wilt navigeren.

Vooral omdat u de eigenschappen van een AP Div van de bijbehorende ID-stijl kunt wijzigen, helpt het paneel u erachter te komen welke ID-stijl bij een AP Div hoort.

Het paneel AP-elementen is vaak gegroepeerd met het paneel CSS-stijlen, voor het geval u ernaar op zoek bent.

Ga als volgt te werk om een ​​kader (AP Div) te wijzigen:

1. Kies Venster → AP-elementen om het paneel AP-elementen te openen.

2. Zoek en selecteer in het paneel apDiv1 om het op de pagina te markeren.

   De eigenschappencontrole geeft de grootte en positie weer naast andere eigenschappen.

3. Wijzig met behulp van de tekstvakken in de eigenschappencontrole de breedte van de doos door een getal in te voeren in het veld W en de hoogte van de doos te wijzigen door een getal in het veld H in te voeren.

4. Klik op het staal naast Bg-kleur en kies een kleur in het pop-upvenster Stalen om een ​​achtergrondkleur in te stellen voor het vak.

   Voor extra eigenschappen, zoals rand of opvulling, voegt u ze toe in het deelvenster CSS-stijlen.

5. Als het paneel CSS-stijlen niet al zichtbaar is, opent u het venster door Venster → CSS-stijlen te kiezen.

6. Dubbelklik op de # apDiv1 ID-stijl die het vakje bestuurt.

   Het dialoogvenster CSS-regeldefinitie wordt weergegeven.

   

7. Selecteer de categorie Border van links om de rand te wijzigen.

8. Gebruik in de kolom Stijl de vervolgkeuzelijst Top om een ​​randstijl (zoals Effen) in te stellen op alle vier de zijden.

   Gebruik de vervolgkeuzelijst Top onder de categorie Width om een ​​randdikte (bijvoorbeeld medium) voor alle vier de zijden te selecteren. Gebruik de bovenste kleurkiezer onder de kolom Kleur om aan alle vier zijden een randkleur toe te wijzen.

   Als u aan één of alle zijden verschillende waarden voor stijl, breedte of kleur wilt toewijzen, schakelt u het selectievakje Hetzelfde voor alle uit onder hun respectieve kolommen.

9. Zet in de categorie Box aan de linkerkant onder Padding de opvulling voor alle vier zijden van het vak op de gewenste dikte (voer bijvoorbeeld 5 px in de tekstvakken in).

10. Klik op OK om het paneel te sluiten en de wijzigingen toe te passen.

    U ziet hoe de CSS-eigenschappen die u hebt toegepast van invloed zijn op het vakje apDiv1 op de pagina.

Om een ​​vak te verbergen dat wordt weergegeven onder het paneel AP-elementen, klikt u op de kolom links van de naam (onder het oogpictogram) totdat een gesloten oogpictogram wordt weergegeven.Als u wilt dat het vak weer verschijnt, klikt u op het oogpictogram totdat het vak opnieuw wordt geopend.

Mogelijk ziet u het selectievakje Overlappingen voorkomen, standaard uitgeschakeld, bovenaan het paneel AP-elementen. Omdat AP Divs elkaar gemakkelijk kunnen overlappen, wordt dit gedrag onderdrukt door blokken naast elkaar te plaatsen en te voorkomen dat nieuwe vakken boven op elkaar worden gemaakt.