Slik endrer du absolutte plasserte (AP) divs i Adobe Dreamweaver CS6 - dummies Slik endrer du absolutte posisjonerte (AP) divs i Adobe Dreamweaver CS6

Hver Absolutt-Posisjonert (AP) Div du tegner i Adobe Dreamweaver CS6 er oppført automatisk i AP Elements-panelet (velg vindu → AP-elementer for å vise det). AP-elementpanelet kan hjelpe deg å velge, skjule og vise noen AP-divs på siden. Dette panelet er praktisk når du har mange AP Divs på siden og vil navigere blant dem nøyaktig.

Mest av alt, fordi du kan endre egenskapene til noen AP Div fra tilhørende ID-stil, hjelper panelet deg å finne ut hvilken ID-stil som tilhører en AP Div.

AP-elementpanelet blir ofte gruppert med CSS-stilpanelet, bare hvis du leter etter det.

Følg disse trinnene for å endre en boks (AP Div):

1. Velg Vindu → AP Elementer for å åpne AP Elements-panelet.

2. I panelet finner du og velger apDiv1 for å markere det på siden.

   Eiendomsinspektøren viser størrelsen og stillingen i tillegg til andre egenskaper.

3. Bruk tekstboksene i egenskapsinspektøren ved å endre boksbredden ved å taste inn et tall i W-feltet og endre bokhøyden ved å taste inn et tall i feltet H.

4. Klikk på fargeprøven ved siden av Bg Color, og velg en farge fra panelet Fargepatroner for å angi en bakgrunnsfarge for boksen.

   For ytterligere egenskaper, for eksempel kant eller polstring, legg dem i CSS-stilpanelet.

5. Hvis CSS-stilpanelet ikke er synlig, åpner du det ved å velge Vindu → CSS-stiler.

6. Dobbeltklikk på # apDiv1 ID-stilen som styrer boksen.

   Dialogboksen CSS-regeldefinisjon vises.

   

7. Velg kategorien Border fra venstre for å endre grensen.

8. I rullegardinmenyen bruker du rullegardinmenyen Topp for å angi en grenseformat (for eksempel Solid) til alle fire sider.

   Bruk Topp-rullegardinlisten under kategorien Bredde for å velge en kanttykkelse (for eksempel medium) for alle fire sider. Bruk den øverste fargevalgeren under kolonnen Farge for å tilordne en kantfarge til alle fire sider.

   Hvis du vil tilordne forskjellige verdier til noen eller alle sider for stil, bredde eller farge, merker du av for Same for All under respektive kolonner.

9. I boks kategorien til venstre, under Padding, stiller du polstringene for alle fire sider av boksen til ønsket tykkelse (for eksempel oppgir 5 px i tekstbokser).

10. Klikk OK for å gå ut av panelet og bruk endringene.

    Du ser hvordan CSS-egenskapene du har brukt, påvirker apDiv1-boksen på siden.

For å skjule en boks som vises under AP Elements-panelet, klikker du kolonnen til venstre for navnet sitt (under Eye-ikonet) til et lukket øyeikon vises.For å gjøre boksen igjen, klikk på Eye-ikonet til boksen åpnes igjen.

Det kan hende du merker av for Hindre overlapping, av valgt som standard øverst på AP Elements-panelet. Fordi AP Divs enkelt kan overlappe hverandre, ved å velge dette avmerkingsboksen overstyres denne oppførselen ved å tvinge bokser ved siden av hverandre og forhindre opprettelse av nye bokser oppå hverandre.