Come modificare Divisioni con posizione assoluta (AP) in Adobe Dreamweaver CS6 - manichini

Ogni Div (posizione assoluta) posizionata in Adobe Dreamweaver CS6 viene elencata automaticamente nel pannello Elementi PA (scegli Finestra → Elementi AP per visualizzarlo). Il pannello Elementi AP può aiutarti a selezionare, nascondere e mostrare qualsiasi Divisione AP sulla pagina. Questo pannello è utile quando sulla pagina sono presenti molti AP Div e si desidera navigare con precisione tra di essi.

Soprattutto, poiché è possibile modificare le proprietà per qualsiasi Divisione PA dal relativo stile ID, il pannello aiuta a capire quale stile ID appartiene a un Div PA.

Il pannello Elementi AP è spesso raggruppato con il pannello Stili CSS, nel caso lo stiate cercando.

Per modificare una casella (Divisione AP), segui questi passaggi:

1. Scegli Finestra → Elementi PA per aprire il pannello Elementi PA.

2. Nel pannello, individuare e selezionare apDiv1 per evidenziarlo sulla pagina.

   La finestra di ispezione Proprietà visualizza le sue dimensioni e la posizione in aggiunta ad altre proprietà.

3. Utilizzando le caselle di testo nella finestra di ispezione Proprietà, modificare la larghezza della casella inserendo un numero nel campo W e modificare l'altezza della casella immettendo un numero nel campo H.

4. Fai clic sul campione accanto a Bg Color e scegli un colore dal pannello Campioni pop-up per impostare un colore di sfondo per la casella.

   Per ulteriori proprietà, come il bordo o il riempimento, aggiungili nel pannello Stili CSS.

5. Se il pannello Stili CSS non è già visibile, aprilo selezionando Finestra → Stili CSS.

6. Fare doppio clic sullo stile # apDiv1 ID che controlla la casella.

   Viene visualizzata la finestra di dialogo Definizione regola CSS.

   

7. Seleziona la categoria Bordo da sinistra per cambiare il bordo.

8. Nella colonna Stile, utilizzare l'elenco a discesa Superiore per impostare uno stile di bordo (come Solido) su tutti e quattro i lati.

   Utilizzare l'elenco a discesa Top nella categoria Larghezza per selezionare uno spessore del bordo (ad esempio, medio) per tutti e quattro i lati. Usa il Selettore colore più in alto sotto la colonna Colore per assegnare un colore del bordo a tutti e quattro i lati.

   Per assegnare valori diversi a uno o tutti i lati per stile, larghezza o colore, deselezionare la casella di controllo Stessa per tutto sotto le rispettive colonne.

9. Nella categoria Box sulla sinistra, sotto Padding, imposta il padding per tutti e quattro i lati della scatola allo spessore desiderato (ad esempio, inserisci 5 px nelle caselle di testo).

10. Fare clic su OK per uscire dal pannello e applicare le modifiche.

    Si vede come le proprietà CSS applicate hanno effetto sulla casella apDiv1 sulla pagina.

Per nascondere una casella mostrata sotto il pannello Elementi PA, fare clic sulla colonna a sinistra del nome (sotto l'icona Occhio) finché non viene visualizzata l'icona Occhio chiusa.Per visualizzare nuovamente la casella, fai clic sull'icona a forma di occhio finché la casella non si apre nuovamente.

Si può notare la casella di controllo Impedisci sovrapposizioni, deselezionata per impostazione predefinita, nella parte superiore del pannello Elementi PA. Poiché gli AP Div possono facilmente sovrapporsi, selezionando questa casella di controllo si sostituisce a tale comportamento forzando le caselle una accanto all'altra e impedendo la creazione di nuove caselle una sopra l'altra.