Tabele#
Odstępy między komórkami#
<table cellspacing="x">...</table>
gdzie "x"
oznacza szerokość odstępu między sąsiednimi komórkami (w pikselach).
Polecenie wprowadza odstęp pomiędzy wszystkimi sąsiadującymi komórkami tabeli. Aby zobaczyć różnicę pomiędzy tego typu odstępami a marginesami wewnątrz komórek, trzeba nadać tabeli obramowanie.
Prosty przykład (tabela bez obramowania):
<table cellspacing="30" cellpadding="5">
<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" cellspacing="30" cellpadding="5">
<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