Grande Web design richiede una grande quantità di preparazione e di pensiero. La creazione degli oggetti corretta, testo e immagini è fondamentale, ma far loro nella posizione corretta sulla pagina è altrettanto importante. Al fine di ottenere il layout sullo schermo per abbinare i vostri progetti creati in un programma di progettazione grafica o su carta, potrebbe essere necessario posizionare il contenuto all'interno di un DIV galleggiare sopra altri contenuti da visualizzare nella posizione corretta per tutti gli spettatori.

istruzione

1 Creare un DIV con l'inserimento di "<div>" per creare la divisione e "</ div>" per porvi fine.

2 Impostare la posizione del vostro DIV con l'aggiunta di "style =" position: absolute; top: #px; sinistra: #px; "" prima della parentesi del tag DIV iniziale di chiusura. Sostituire "#" con il numero di pixel dall'alto e sinistra si desidera visualizzare il div. Sostituire "assoluto" con "fisso" o "rispetto" per modificare il posizionamento del DIV.

3 Aggiungere una proprietà z-index per il DIV. Inserisci "z-index: 100;" dopo le impostazioni della posizione, ma ancora dentro le virgolette. Questo indica al browser di impostare il DIV di sopra di altri oggetti sulla pagina, permettendo così di galleggiare sopra l'altro contenuto.