October 1
Volete che il vostro layout di pagina Web per guardare meglio al maggior numero possibile di visitatori, ma questo è impegnativo, perché non tutti sono con la stessa risoluzione del monitor. Orizzontalmente centrare le pagine del sito web è un buon modo per affrontare questo problema. Una pagina centrato appare al centro della finestra del browser in modo che le persone con piccole risoluzioni visualizzare tutti i contenuti, e gli spettatori con dimensioni più grandi non hanno spazio nella finestra. Aggiungere Cascading Style Sheets codice per centrare orizzontalmente le pagine del tuo sito web.
1 Avviare il software editor di testo e creare un nuovo documento. Salvare il file con estensione CSS - per esempio, styles.css.
2 Digita un termine desiderato, come "contenitore", con un tag precedente hash per creare una regola di stile che gestisce il corpo complessivo del tuo sito web. Seguire questo termine con parentesi graffe in questo modo:
contenitore {}
3 Enter "width:;" all'interno delle parentesi graffe, e seguire questo con un valore numerico in pixel per specificare la larghezza fissa della pagina. Illustrare:
contenitore {width: 750px; }
4 Tipo "margin: 0 auto;" per aggiungere un attributo che centra orizzontalmente la tua pagina. La vostra completa CSS ora assomiglia a questo esempio:
contenitore {width: 750px; margin: 0 auto; }
5 Salvare il file CSS e caricarlo nella stessa cartella Web host in cui, si trova il file sito principale, come ad esempio index.htm.
6 Aprire le pagine del tuo sito web in un editor di testo. Posizionare il cursore prima del tag di chiusura </ head> e immettere il codice che collega il vostro foglio di stile alla pagina Web:
<Link rel = "stylesheet" type = "text / css" href = "styles.css" />
Ripetere questo processo per ogni pagina.
7 Posizionare il cursore dopo il tag di apertura <body> e digitare "<div id =" container "> </ div>" per assegnare la regola di stile che centra la pagina. Digitare il codice della pagina web tra i tag div. Per esempio:
<Div id = "container">
Inserire il codice della pagina web qui.
</ Div>
8 Salvare i file e caricarli di nuovo al vostro ospite.