Tabellers opbygning

Indlæs andet indhold på denne side:

I gamle dage - før css - var det almindeligt at bruge tabeller til at styre hjemmesidens indhold. Men i dag må tabellen siges kun at være beregnet til 'tabulære data', dvs. oplysninger, som det også på et stykke papir vil være naturligt at ordne i et skema.

Det kan i den forbindelse undertiden være en fordel, rundt omkring i tabellen at sammenlægge enkelte celler på tværs eller langs - det vender vi tilbage til om lidt, først skal vi have den simple tabel oprettet.


Store celler i tabellen

Siden er opdateret 24. 1. 2009

Man kan i en tabel få brug for at samle nogle celler i en enkelt større. Det kan gøres vandret med colspan og/eller lodret med rowspan:

Celle 11 Celle 12 Celle 13 Celle 14
Celle 21 Celle 22 Celle 23 Celle 24
Celle 31 Celle 32 Celle 33 Celle 34

I tabellen herover vil vi nu samle cellerne 11, 12, 21 og 22 til en stor celle:

<table>
 <tr>
  <td colspan="2" rowspan="2">Stor celle</td><td>13</td><td>14</td></tr>
  <tr><td>23</td><td>24</td></tr>
  <tr><td>31</td><td>32</td><td>33</td><td>34</td></tr>
</table>

Læg mærke til, at der i første række er defineret 3 celler, i anden række 2 celler og i tredje række 4 celler. Det fordeler sig sådan:

Første række indeholder:
den store celle plus de to sidste celler i den oprindelige række 1
Anden række indeholder:
de to sidste celler i den oprindelige række 2 (de to første celler er 'spist' af den store celle)
Tredje række:
Uændret i forhold til det oprindelige

Og dette bliver resultatet:

Stor celle1314
2324
31323334

^ Tilbage til sidens top

Valid XHTML og CSS / Copyright © Hjemmesideskolen april 2000
Hjemmesideskolen
Du er her: Forsiden - html - Tabellers opbygning
Brugere lige nu: 1
Home Mail