CSS fogli di stile di stampa consentono di posizionare un elemento div HTML in qualsiasi punto della pagina web. Si utilizza l'attributo "assoluto", quindi specificare la posizione per il posizionamento del div sulla pagina. È possibile impostare la posizione in pixel, in modo da poter spostare l'immagine nella parte superiore o inferiore della pagina. In genere, ci vogliono diversi tentativi per capire la posizione perfetta per l'elemento div.

istruzione

1 Fare clic destro sul file HTML che contiene il tag div si desidera posizionare. Fai clic su "Apri con", quindi fare clic l'editor HTML che si desidera utilizzare per creare il codice.

2 Individuare il div all'interno del codice HTML. È possibile posizionare uno o tutti i contenitori div. Non importa dove il div si trova nel codice HTML perché la proprietà di posizionamento muove il div nel browser dell'utente.

3 Digitare lo stile CSS nel tag del div. Il codice seguente posiziona il div nell'angolo in alto a sinistra del browser Web:

<Div id = style = "position: absolute; top: 5px; sinistra: 5px;" "left"> </ div>

La posizione "assoluta" indica al browser di posizionare il div rispetto al contenitore. La definizione "5px" dice al browser per spostare il tag div cinque pixel verso il basso dalla parte superiore della finestra del browser e cinque pixel dal lato sinistro della finestra del browser.

4 Salvare il file e aprirlo in un browser Web. Visualizzare la posizione del tag div. Se si desidera riposizionare nuovamente il tag div, ripetere la procedura e modificare le proprietà dei pixel.