Goedemiddag,
Ik heb een klein probleem waar ik maar niet uit lijk te komen.
Ik ben in een HTML pagina een table aan het maken. Deze table heeft een header, welke ik graag van andere borders voorzie.
Zo wil ik het volgende:
Table border: 3px
Table cells: 2px
Header border/cells: 3 px
Maar ik krijg het niet voor elkaar met onderstaande CSS. Ik krijg geen kolom borders in de header, iemand enig idee? Ik heb hieronder de CSS en simpele HTML even toegevoegd
Ik heb een klein probleem waar ik maar niet uit lijk te komen.
Ik ben in een HTML pagina een table aan het maken. Deze table heeft een header, welke ik graag van andere borders voorzie.
Zo wil ik het volgende:
Table border: 3px
Table cells: 2px
Header border/cells: 3 px
Maar ik krijg het niet voor elkaar met onderstaande CSS. Ik krijg geen kolom borders in de header, iemand enig idee? Ik heb hieronder de CSS en simpele HTML even toegevoegd
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
| table { font-family: Arial; font-size: 12pt; border-width: 3px; border-style: solid; border-collapse: collapse; border-color: #00203e; } thead { border-width: 3px; border-style: solid; background-color: #bab99d; color: #00203e; } td { border-width: 2px; border-style: solid; } |
HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
| <table> <thead> <tr> <th id="kolom1">kolom1</th> <th id="kolom2">kolom2</th> </tr> </thead> <tbody> <tr> <td headers="kolom1">regel 1</td> <td headers="kolom2">regel 1.1</td> </tr> <tr> <td headers="kolom1">regel 2</td> <td headers="kolom2">regel 2.1</td> </tr> <tr> <td headers="kolom1">regel 3</td> <td headers="kolom2">regel 1.1</td> </tr> <tr> <td headers="kolom1">regel 4</td> <td headers="kolom2">regel 4.1</td> </tr> <tr> <td headers="kolom1">regel 5</td> <td headers="kolom2">regel 5.1</td> </tr> </tbody> </table> |
[ Voor 34% gewijzigd door fopspeen op 27-11-2012 13:08 ]