Tabele#
Marginesy w komórkach#
<table cellpadding="x">...</table>
gdzie "x"
oznacza szerokość marginesu (w pikselach).
Polecenie wprowadza margines (poziomy i pionowy) pomiędzy zawartością komórki (td
, th
) a jej krawędziami. Odstęp ten dotyczy całej tabeli i nie można go zadeklarować dla poszczególnej komórki, jako wartość należy podać konkretną liczbę. Dzięki dodatkowym odstępom tabela wygląda bardziej estetycznie.
Prosty przykład (tabela bez obramowania):
<table cellpadding="30">
<tr>
<th></th>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
<tr>
<th>1</th>
<td>Komórka1</td>
<td>Komórka2</td>
<td>Komórka3</td>
</tr>
<tr>
<th>2</th>
<td>Komórka4</td>
<td>Komórka5</td>
<td>Komórka6</td>
</tr>
</table>
Efekt:
A | B | C | |
---|---|---|---|
1 | Komórka1 | Komórka2 | Komórka3 |
2 | Komórka4 | Komórka5 | Komórka6 |
Tabela z dodatkowym obramowaniem:
<table border="1" cellpadding="30">
<tr>
<th></th>
<th>A</th>
<th>B</th>
<th>C</th>
</tr>
<tr>
<th>1</th>
<td>Komórka1</td>
<td>Komórka2</td>
<td>Komórka3</td>
</tr>
<tr>
<th>2</th>
<td>Komórka4</td>
<td>Komórka5</td>
<td>Komórka6</td>
</tr>
</table>
Efekt:
A | B | C | |
---|---|---|---|
1 | Komórka1 | Komórka2 | Komórka3 |
2 | Komórka4 | Komórka5 | Komórka6 |
Pasek społecznościowy