Creazione DIV relativamente posizionata in Adobe CS5 Dreamweaver - dummy

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver supporta la creazione e la modifica di DIV che utilizzano il posizionamento relativo . I DIV posizionati in modo relativo consentono di spostare un elemento insieme al contenuto che lo circonda, creando un layout più fluido. Questo tipo di posizionamento è importante per i contenuti nidificati o qualsiasi situazione in cui gli elementi devono essere in linea con gli altri contenuti della pagina.

Utilizzare lo strumento Inserisci tag div, che può essere trovato all'interno delle categorie Common e Layout del pannello Inserisci per la creazione o la modifica di un DIV relativamente posizionato.

1. Fare clic all'interno della pagina per posizionare il cursore all'interno di un div PA esistente e quindi fare clic sullo strumento Inserisci tag div nelle categorie Common e Layout del pannello Inserisci.

2. Quando viene visualizzata la finestra di dialogo Inserisci tag div, perfezionare la posizione del nuovo DIV selezionando una posizione dall'elenco a discesa Inserisci.

   Ad esempio, scegli Dopo l'inizio del tag per posizionarlo all'interno di un tag DIV esistente nella tua pagina.

   È inoltre possibile utilizzare l'elenco a discesa Inserisci finestra di dialogo Inserisci tag div per posizionare il DIV prima, dopo o all'interno di elementi esistenti nella pagina. Lasciare l'elenco a discesa Inserisci impostato su Al punto di inserimento per lasciare la casella in cui è stato disegnato o scegliere un'altra posizione in cui si desidera creare il DIV.

   

   Scegli un luogo specifico per creare e posizionare il nuovo DIV.

1. Se si dispone di un selettore di classe esistente che si desidera applicare, selezionarlo dall'elenco a discesa Classe; altrimenti, lascia vuoto.

2. Assegna un selettore ID al DIV per controllarne l'aspetto selezionando dall'elenco a discesa ID.

   Se uno non è disponibile, inserire un nuovo nome e fare clic sul pulsante Nuova regola CSS per crearne uno.

3. Quando viene visualizzata la finestra di dialogo Nuova regola CSS, assicurarsi che il nuovo selettore sia impostato su ID e che il nome abbia un cancelletto (#) davanti. Clicca OK.

4. Quando viene visualizzata la finestra di dialogo Definizione regola CSS, fare clic e selezionare Posizionamento dall'elenco Categoria sulla sinistra per visualizzare le proprietà di posizionamento CSS.

5. Nell'area Posizionamento, selezionare Relativo dal menu Posizione, immettere un valore di larghezza e altezza nelle caselle di testo Larghezza e Altezza, quindi fare clic su OK.

6. Fare clic su OK per chiudere la finestra di dialogo Inserisci tag div.

   Viene visualizzato un DIV nuovo, relativamente posizionato con il testo segnaposto.

   

   È possibile creare un nuovo DIV all'interno di un altro DIV.