Come mantenere le mie pagine web nel centro dello schermo

September 12

Come mantenere le mie pagine web nel centro dello schermo


Il codice HTML allinea verticalmente gli elementi della pagina web per la parte superiore della finestra del browser di default. Questa disposizione funziona bene per la maggior parte delle pagine e applicazioni, ove il contenuto si estende dalla parte superiore della pagina e giù sotto la parte inferiore della finestra del browser. Tuttavia, alcuni siti offrono blocchi molto più brevi di contenuti che si prestano bene alla centratura verticale. Il raggiungimento di questo aspetto richiede l'aggiunta di solo sei righe di codice HTML.

istruzione

1 Aprire la pagina Web e visualizzare la sua HTML. Se si modificano le pagine in un editor di testo, come Blocco note o WordPad, è sufficiente aprire la pagina nell'editor. Se si utilizza un programma di editing visivo, invece, come Adobe Dreamweaver o Microsoft FrontPage, aprire la pagina e cambiare il metodo di visualizzazione a "Codice View." Questo vi mostra il codice HTML che controlla l'aspetto e il contenuto della pagina.

2 Aggiungere tre tag HTML relativi alle tabelle. Il modo più semplice per centrare verticalmente una pagina è quello di avvolgere tutto il contenuto della pagina in una tabella non formattato, quindi applicare centratura verticale alla cella tabella primaria. Per aggiungere i tag table apertura, individuare il tag <body> vicino all'inizio del codice della pagina e inserire una riga vuota direttamente sotto di esso. Copia e incolla il codice qui sotto su questa riga vuota:

<Table height = "100%" border = "0" cellpadding = "0" cellspacing = "0">
<Tr>
<Td valign = "center">

3 Aggiungere tre ulteriori tag HTML relativi alle tabelle. Individuare il <body /> tag vicino alla fine del codice della pagina e inserire una riga vuota direttamente sopra di esso. Copia e incolla il codice qui sotto sulla riga vuota:

</ Td>
</ Tr>
</ Table>

4 Salvare la pagina web e aprirlo nel browser. Se la finestra del browser è alto o basso, il contenuto è ora in verticale al centro dello schermo.