Modul de modificare a diviziilor cu poziții absolute (AP) în Adobe Dreamweaver CS6

Fiecare Div absolut-poziționat (AP) Desenat în Adobe Dreamweaver CS6 este listat automat în panoul AP Elemente (alegeți fereastra → AP Elemente pentru a fi afișate). Panoul AP Elemente vă poate ajuta să selectați, să ascundeți și să afișați pe pagina toate secțiunile AP Div. Acest panou este la îndemână atunci când aveți o mulțime de Diviziuni AP pe pagină și doriți să navigați corect între ele.

De cele mai multe ori, deoarece puteți modifica proprietățile pentru orice AP Div de la stilul său de identificare corespunzător, panoul vă ajută să aflați ce stil de identificare aparține unui AP Div.

Panoul AP Elemente este adesea grupat cu panoul Stiluri CSS, doar în cazul în care îl căutați.

Pentru a modifica o casetă (AP Div), urmați acești pași:

1. Alegeți fereastra → Elemente AP pentru a deschide panoul AP Elemente.

2. În panou, localizați și selectați apDiv1 pentru ao evidenția pe pagină.

   Inspectorul proprietății afișează mărimea și poziția sa în plus față de alte proprietăți.

3. Folosind casetele de text din inspectorul proprietății, schimbați lățimea cutiei introducând un număr în câmpul W și schimbând înălțimea cutiei introducând un număr în câmpul H.

4. Faceți clic pe butonul de lângă Bg Color și alegeți o culoare din panoul Pop-up Swatches pentru a seta culoarea de fundal pentru casetă.

   Pentru proprietăți suplimentare, cum ar fi marginea sau căptușeala, adăugați-le în panoul Stiluri CSS.

5. Dacă panoul Stiluri CSS nu este deja vizibil, deschideți-l selectând Window → Styles CSS.

6. Faceți dublu clic pe stilul de identificare # apDiv1 care controlează caseta.

   Apare caseta de dialog CSS Rule Definition.

   

7. Selectați categoria Frontieră din stânga pentru a schimba marginea.

8. În coloana Stil, utilizați lista verticală Top pentru a seta un stil de margine (cum ar fi Solid) la toate cele patru laturi.

   Utilizați lista verticală Top din categoria Lățime pentru a selecta o grosime a marginii (de exemplu, mediană) pentru toate cele patru laturi. Utilizați selectorul de culori cel mai de sus sub coloana Culoare pentru a atribui o culoare de margine tuturor celor patru laturi.

   Pentru a atribui diferite valori oricărei sau tuturor laturilor pentru stil, lățime sau culoare, deselectați caseta de validare Same for All în coloanele respective.

9. În caseta din stânga, sub Padding, setați căptușeala pentru toate cele patru laturi ale casetei la grosimea dorită (de exemplu, introduceți 5 px în casetele de text).

10. Faceți clic pe OK pentru a ieși din panou și pentru a aplica modificările.

    Veți vedea cum proprietățile CSS pe care le-ați aplicat afectează caseta apDiv1 din pagină.

Pentru a ascunde o casetă afișată sub panoul AP Elemente, faceți clic pe coloana din stânga numelui său (sub pictograma Eye) până când apare o pictogramă Eye închis.Pentru ca caseta să reapară, faceți clic pe pictograma Eye până când caseta se deschide din nou.

Este posibil să observați caseta de selectare Prevenire suprapunere, deselectată în mod prestabilit, în partea de sus a panoului AP Elemente. Deoarece AP Divs se pot suprapune cu ușurință, selectarea acestei casete suprascrie acel comportament prin forțarea unor casete una lângă cealaltă și împiedicând crearea de noi casete unul peste celălalt.