Hvordan holde websidene mine i midten av skjermen

Hvordan holde websidene mine i midten av skjermen


HTML-kode er justert vertikalt web sideelementer til toppen av nettleservinduet som standard. Denne ordningen fungerer godt for de fleste sider og applikasjoner, hvor innholdet strekker seg fra toppen av siden og ned under bunnen av nettleservinduet. Men noen nettsteder tilbyr mye kortere blokker med innhold som egner seg godt til vertikal sentrering. Oppnå denne looken krever tillegg av bare seks linjer med HTML.

Bruksanvisning

1 Åpne din nettside og se på HTML. Hvis du redigerer sider i et tekstredigeringsprogram, for eksempel WordPad eller Notepad, bare åpne siden i editoren. Hvis du bruker en visuell redigering program i stedet, som Adobe Dreamweaver eller Microsoft Frontpage, åpne siden din og endre visningsmetoden til "Code View." Dette viser HTML-koden som styrer utseendet, følelsen og innholdet på siden.

2 Legg tre bordrelaterte HTML-koder. Den enkleste måten å vertikalt sentrere en side er å pakke alt innholdet på siden i en uformatert tabellen, og deretter bruke vertikal sentrering til den primære tabellcelle. For å legge til åpningstabellkoder, finn <body> -koden nær begynnelsen av siden din kode og sette inn en blank linje rett under den. Kopier og lim inn koden nedenfor på denne blank linje:

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

3 Legg tre ekstra bordrelaterte HTML-koder. Finn </ body> -koden nær slutten av siden koden og setter inn en tom linje rett ovenfor. Kopier og lim inn koden nedenfor på den blanke linjen:

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

4 Lagre nettsiden din og åpne den i nettleseren din. Enten nettleservinduet er høy eller kort, er innholdet nå vertikalt sentrert på skjermen.