Az abszolút pozíciójú (AP) Div-ek módosítása az Adobe Dreamweaver CS6-ban

Az Adobe Dreamweaver CS6 programban megrajzolt minden abszolút helyzetű (AP) Div automatikusan megjelenik az AP Elements panelen (a megjelenítéséhez válassza az Ablak → AP elemek lehetőséget). Az AP Elements panel segíthet kiválasztani, elrejteni és megjeleníteni az oldalon lévő AP Divokat. Ez a panel akkor hasznos, ha sok AP Div elem van az oldalon, és pontosan szeretne navigálni közöttük.

Legfőképpen, mivel bármely AP Div tulajdonságait módosíthatja a megfelelő azonosítóstílusból, a panel segít kitalálni, hogy melyik azonosítóstílus tartozik egy AP Div-hez.

Az AP Elements panelt gyakran a CSS-stílusok panellel csoportosítják, arra az esetre, ha ezt keresné.

Egy doboz (AP Div) módosításához kövesse az alábbi lépéseket:

Az AP-elemek panel megnyitásához válassza az Ablak → AP-elemek menüpontot.

A panelen keresse meg és válassza ki az apDiv1 elemet, hogy kiemelje azt az oldalon.

Az ingatlanfelügyelő a többi ingatlan mellett a méretét és pozícióját is megjeleníti.

A Tulajdonságvizsgáló szövegmezőivel módosítsa a doboz szélességét úgy, hogy beír egy számot a W mezőbe, és módosítsa a doboz magasságát egy szám beírásával a H mezőbe.

Kattintson a Bg Color melletti színmintára, és válasszon egy színt az előugró Színtárak panelről a doboz háttérszínének beállításához.

További tulajdonságokhoz, például szegélyhez vagy kitöltéshez adja hozzá azokat a CSS-stílusok panelen.

Ha a CSS-stílusok panel még nem látható, nyissa meg az Ablak→CSS-stílusok menüponttal.

Kattintson duplán a mezőt vezérlő #apDiv1 ID stílusra.

Megjelenik a CSS-szabály meghatározása párbeszédpanel.

A szegély módosításához válassza a bal oldali Szegély kategóriát.

A Stílus oszlopban a Felső legördülő listával állítson be szegélystílust (például Szilárd) mind a négy oldalra.

A Szélesség kategória alatti Felső legördülő listában válassza ki a szegélyvastagságot (például közepes) mind a négy oldalhoz. Használja a Szín oszlop alatti legfelső Színválasztót, hogy mind a négy oldalhoz szegélyszínt rendeljen.

Ha a stílus, a szélesség vagy a szín bármely vagy minden oldalához különböző értékeket szeretne rendelni, törölje a megfelelő oszlopok alatti Same for All jelölőnégyzet bejelölését.

A bal oldali Box kategóriában, a Kitöltés alatt állítsa be a doboz mind a négy oldalának kitöltését a kívánt vastagságra (például írja be az 5 px értéket a szövegmezőkbe).

Kattintson az OK gombra a panelből való kilépéshez és a módosítások alkalmazásához.

Láthatja, hogy az alkalmazott CSS-tulajdonságok hogyan befolyásolják az oldalon lévő apDiv1 mezőt.

Az AP Elements panel alatt látható doboz elrejtéséhez kattintson a nevétől balra lévő oszlopra (a Szem ikon alatt), amíg meg nem jelenik egy zárt szem ikon. A doboz újbóli megjelenéséhez kattintson a Szem ikonra, amíg a doboz újra meg nem nyílik.

Észreveheti az Átfedések megelőzése jelölőnégyzetet, amely alapértelmezés szerint nincs bejelölve az AP Elements panel tetején. Mivel az AP Div-ek könnyen átfedhetik egymást, ennek a jelölőnégyzetnek a bejelölése felülírja ezt a viselkedést azáltal, hogy a négyzeteket egymás mellé kényszeríti, és megakadályozza az új dobozok egymásra helyezését.