Creare relativ poziționată DIV în Adobe CS5 Dreamweaver - dummies

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver acceptă crearea și editarea DIV-urilor care utilizează . DIV-urile poziționate relativ permit un element să fie mutat împreună cu conținutul din jurul acestuia, făcând un aspect mai lichid. Acest tip de poziționare este important pentru conținutul imbricat sau orice situație în care elementele ar trebui să fie în concordanță cu conținutul altor pagini.

Utilizați instrumentul Insert Div Tag, care poate fi găsit în categoriile Common și Layout ale panoului Insert pentru crearea sau editarea unui DIV relativ poziționat.

1. Faceți clic în interiorul paginii pentru a poziționa cursorul în cadrul unui Div existent Div și apoi faceți clic pe instrumentul Inserare etichetă div sub categoriile de inserare a panoului Introducere și a aspectului.

2. Când apare caseta de dialog Insert Div Tag, ajustați locația noului dvs. DIV selectând o locație din listele drop-down Insert.

   De exemplu, alegeți După începerea etichetei pentru al plasa într-o etichetă DIV existentă în pagină.

   De asemenea, puteți utiliza lista derulantă Insert Div Tag pentru a plasa DIV înainte, după sau în interiorul elementelor existente pe pagină. Lăsați lista verticală Inserare setată la At Point Insertion (Punct de introducere) pentru a părăsi caseta în care ați desenat-o sau pentru a alege altă locație unde doriți să creați DIV.

   

   Alegeți o anumită locație pentru a crea și plasa noul DIV.

1. Dacă aveți un selector de clasă existent pe care doriți să îl aplicați, alegeți-l din lista verticală Clasă; în caz contrar, lăsați-l gol.

2. Atribuiți un selector de identificare la DIV pentru a controla aspectul acestuia selectând din lista derulantă ID.

   Dacă una nu este disponibilă, introduceți un nou nume și faceți clic pe butonul New CSS Rule pentru a crea unul.

3. Când apare caseta de dialog New CSS Rule, asigurați-vă că noul dvs. selector este setat la ID și că numele are un semn de literă (#) în fața acestuia. Faceți clic pe OK.

4. Când se afișează caseta de dialog Definire a regulii CSS, faceți clic pe și selectați Poziționare din lista de categorii din stânga pentru a vizualiza proprietățile de poziționare CSS.

5. În zona de poziționare, selectați opțiunea Relativ din meniul Poziție, introduceți o valoare de lățime și înălțime în casetele de text Lățime și înălțime, apoi faceți clic pe OK.

6. Faceți clic pe OK pentru a închide caseta de dialog Insert Div Tag.

   Apare un DIV nou, relativ poziționat, cu text de înlocuire.

   

   Puteți crea un nou DIV într-un alt DIV.