Ako upraviť Divs v absolútnej pozícii (AP) v aplikácii Adobe Dreamweaver CS6

Každý prvok Div ​​v absolútnej polohe (AP), ktorý nakreslíte v programe Adobe Dreamweaver CS6, sa automaticky zobrazí na paneli Prvky AP (na jeho zobrazenie vyberte položku Okno→ Prvky AP). Panel AP Elements vám môže pomôcť vybrať, skryť a zobraziť akékoľvek AP Div na stránke. Tento panel je užitočný, keď máte na stránke veľa AP Div a chcete sa medzi nimi presne pohybovať.

Predovšetkým preto, že môžete upraviť vlastnosti ľubovoľného AP Div z jeho zodpovedajúceho štýlu ID, panel vám pomôže zistiť, ktorý štýl ID patrí k AP Div.

Panel AP Elements je často zoskupený s panelom CSS Styles pre prípad, že by ste ho hľadali.

Ak chcete upraviť box (AP Div), postupujte takto:

Vyberte Window→AP Elements, aby ste otvorili panel AP Elements.

Na paneli nájdite a vyberte apDiv1, aby ste ho zvýraznili na stránke.

Inšpektor vlastností zobrazuje okrem iných vlastností aj jeho veľkosť a polohu.

Pomocou textových polí v inšpektorovi vlastností zmeňte šírku poľa zadaním čísla do poľa W a zmeňte výšku poľa zadaním čísla do poľa H.

Kliknite na vzorkovnicu vedľa položky Farba pozadia a vyberte farbu z rozbaľovacieho panela Vzorkovníky, čím nastavíte farbu pozadia poľa.

Ak chcete získať ďalšie vlastnosti, ako je orámovanie alebo výplň, pridajte ich na panel Štýly CSS.

Ak panel CSS Styles ešte nie je viditeľný, otvorte ho výberom položky Window→CSS Styles.

Dvakrát kliknite na štýl #apDiv1 ID, ktorý ovláda pole.

Zobrazí sa dialógové okno Definícia pravidla CSS.

Ak chcete zmeniť okraj, vyberte kategóriu Border zľava.

V stĺpci Štýl použite rozbaľovací zoznam Hore na nastavenie štýlu orámovania (napríklad Plný) na všetky štyri strany.

Pomocou rozbaľovacieho zoznamu Hore v kategórii Šírka vyberte hrúbku okraja (napríklad strednú) pre všetky štyri strany. Pomocou najvyššieho nástroja na výber farby v stĺpci Farba priraďte farbu okraja všetkým štyrom stranám.

Ak chcete ľubovoľnej alebo všetkým stranám priradiť rôzne hodnoty pre štýl, šírku alebo farbu, zrušte začiarknutie políčka Rovnaké pre všetky pod príslušnými stĺpcami.

V kategórii Box vľavo v časti Výplň nastavte výplň pre všetky štyri strany poľa na požadovanú hrúbku (napríklad zadajte 5 px do textových polí).

Kliknutím na tlačidlo OK opustíte panel a použijete zmeny.

Vidíte, ako vlastnosti CSS, ktoré ste použili, ovplyvňujú pole apDiv1 na stránke.

Ak chcete skryť pole zobrazené pod panelom AP Elements, kliknite na stĺpec naľavo od jeho názvu (pod ikonou oka), kým sa nezobrazí ikona zatvoreného oka. Ak chcete, aby sa políčko znova zobrazilo, kliknite na ikonu oka, kým sa políčko znova neotvorí.

Môžete si všimnúť začiarkavacie políčko Zabrániť presahom, ktoré je predvolene zrušené, v hornej časti panela AP Elements. Pretože AP Div sa môžu ľahko prekrývať, začiarknutie tohto políčka prepíše toto správanie tým, že vynúti políčka vedľa seba a zabráni vytváraniu nových políčok na sebe.