Viszonylag pozícionált DIV létrehozása az Adobe CS5 Dreamweaverben

Az Adobe Creative Suite 5 (Adobe CS5) Dreamweaver támogatja a relatív pozicionálást használó DIV-ek létrehozását és szerkesztését . A viszonylag elhelyezett DIV-ek lehetővé teszik az elemek eltolását az azt körülvevő tartalommal együtt, így folyékonyabb elrendezést biztosítanak. Ez a fajta elhelyezés fontos beágyazott tartalom esetén, vagy minden olyan helyzetben, amikor az elemeknek összhangban kell lenniük más oldaltartalommal.

Használja az Insert Div Tag eszközt, amely az Insert panel Common (Közös) és Layout (Elrendezés) kategóriáiban található meg egy viszonylag elhelyezett DIV létrehozásához vagy szerkesztéséhez.

Kattintson az oldalon belülre, hogy a kurzort egy meglévő AP Div-on belül helyezze el, majd kattintson az Insert Div címke eszközre a Beszúrás panel Általános és Elrendezés kategóriái alatt.

Amikor megjelenik a Div tag beszúrása párbeszédpanel, finomhangolja az új DIV helyét úgy, hogy kiválaszt egy helyet a Beszúrás legördülő listából.

Például válassza a Címke kezdete után lehetőséget, ha el szeretné helyezni egy meglévő DIV címkén belül az oldalon.

A Div tag beszúrása párbeszédpanel legördülő listájával is elhelyezheti a DIV elemet az oldalon meglévő elemek elé, után vagy belsejébe. Hagyja a Beszúrás legördülő listát a Beszúrási pontnál értékre állítva, hogy elhagyja azt a mezőt, ahol rajzolta, vagy válasszon egy másik helyet, ahol létre szeretné hozni a DIV-t.

Válasszon egy adott helyet az új DIV létrehozásához és elhelyezéséhez.

Ha van már meglévő osztályválasztója, amelyet alkalmazni szeretne, válassza ki azt az Osztály legördülő listából; ellenkező esetben hagyja üresen.

Rendeljen hozzá egy azonosító választót a DIV-hez a megjelenésének szabályozásához az ID legördülő listából történő kiválasztásával.

Ha nem érhető el, írjon be egy új nevet, és kattintson az Új CSS-szabály gombra a létrehozásához.

Amikor megjelenik az Új CSS-szabály párbeszédpanel, győződjön meg arról, hogy az új választó az ID értékre van állítva, és a név előtt van egy font jel (#). Kattintson az OK gombra.

Amikor megjelenik a CSS-szabály meghatározása párbeszédpanel, kattintson a bal oldali Kategória listából, és válassza a Helymeghatározás lehetőséget a CSS pozicionálási tulajdonságainak megtekintéséhez.

A Helymeghatározás területen válassza a Relatív lehetőséget a Pozíció menüből, adjon meg egy szélesség és magasság értéket a Szélesség és Magasság szövegmezőkben, majd kattintson az OK gombra.

Kattintson az OK gombra a Div tag beszúrása párbeszédpanel bezárásához.

Megjelenik egy új, viszonylag elhelyezett DIV helyőrző szöveggel.

Létrehozhat egy új DIV-t egy másik DIV-en belül.