Nwlapcug.com


Come mantenere div da spostare nella pagina

Come mantenere div da spostare nella pagina


Quando si crea un sito Web, è importante per distinguersi e distinguetevi la concorrenza con un buon design, facile da trovare informazioni e la navigazione e la coerenza. Mantenendo le barre di navigazione, immagini, testo e altri elementi della pagina nella posizione desiderata aggiunge la coerenza necessarie tra i vari browser, dando ogni spettatore la stessa esperienza. HTML div forniscono una soluzione semplice ed elegante per mantenere la posizione degli oggetti nella pagina.

Istruzioni

1

Aggiungere un tag di stile alla vostra divisione. Gli stili consentono di controllare la dimensione e la posizione della finestra della DIV.

2

Impostare la posizione del tag DIV per "assoluta". In questo modo la divisione per soggiornare in una posizione impostata.

3

Aggiungere una distanza in pixel per x e y le coordinate da superiore e sinistro della pagina. Ad esempio, se si desidera mantenere il DIV 50 pixel da sinistra e 100 pixel dalla parte superiore della pagina, aggiungere "top: 100px; sinistra: 50px; "al tag. Per un esempio, vedere passaggio 4.

4

< Div style = "Posizione: assoluta; Top: 100px; sinistra: 50 px; " > Contenuto del DIV qui < / div >