July 25
HTML consente un web designer per creare tabelle, l'organizzazione dei dati nelle celle. Per default la dimensione di queste cellule è determinata dal contenuto al loro interno, con bordi che si adattano strettamente attorno al contenuto. Se si desidera aggiungere lo spazio vuoto attorno il contenuto della cella, è possibile farlo specificando un comando imbottitura. Questo può essere fatto tramite HTML di base, o più dinamicamente utilizzando i CSS. Entrambi i comandi sono relativamente semplici e possono essere modificati per soddisfare le vostre esigenze di imbottitura.
1 Aprire il file HTML che si desidera modificare in un editor di testo o HTML.
2 Passare l'inizio della tabella che si desidera pad.
3 Modificare il <table> per <table cellpadding = "5">. Sostituire il 5 con le dimensioni, in pixel, della vostra imbottitura desiderato.
4 Salvare il file. Le celle della tabella saranno riempiti dalla quantità di spazio che è stato specificato.
5 Aprire il file HTML che si desidera modificare.
6 Passare alla spazio tra i tag <head> e </ head> tag.
7 Inserire il seguente codice:
<Style type = "text / css">
table.padded-table td {padding: 5px; }
</ Style>
Regolare il 5px di qualsiasi dimensione che si desidera per il riempimento.
8 Modificare il <table> comando all'inizio della tabella per <table class = "imbottito-table">.
9 Regolare tutte le tabelle che si desidera per riempire con la nuova <table class = "imbottito-table"> comando. Questo vi permetterà di cambiare l'imbottitura per tutti loro simultaneamente semplicemente cambiando il valore di 5px nella sezione <style>.
10 Aprire il file HTML.
11 Aggiungere il seguente codice all'interno della sezione <head>:
<Style type = "text / css">
table.padded-table td {
padding-top:10px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 50px;
}
</ Style>
Questo imposta imbottitura separata per tutti e quattro i lati del contenuto della cella. In questo caso, non vi è 10 pixel di imbottitura sopra i contenuti, 10 pixel a destra, 5 pixel sotto e 50 pixel a sinistra.
12 Sostituire il <table> comando per il tavolo con <table class = "imbottito-table">.
13 Creare più tabelle personalizzate su una singola pagina con la creazione di un nuovo tipo di stile per ciascuno di essi. Per esempio:
<Style type = "text / css">
table.padded-table-1 td {
padding-top:10px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 50px;
}
</ Style>
<Style type = "text / css">
table.padded-tavolo-2 td {
padding-top:20px;
padding-right: 7px;
padding-bottom: 15px;
padding-left: 50px;
}
</ Style>
Si noti la "table.padded-table-1" e "-tavolo-2 table.padded" distinguere i due opzioni di formattazione della tabella. Quando si sostituisce il <table> Comandi per le tabelle, specificare <table class = "imbottito-table-1"> o <table class = "imbottito-table-2">.