De PHPhulp kroeg
css colgroup
Ik wil een border rond 3 kolommen maar enkel in de header. Nu doet hij de gehele kolom
Code (php)
1
2
3
4
5
6
2
3
4
5
6
colgroup.bordergreen {
border: 5px solid green;
}
colgroup.borderblue {
border: 5px solid blue;
}
border: 5px solid green;
}
colgroup.borderblue {
border: 5px solid blue;
}
Code (php)
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
31
32
33
34
35
36
37
38
39
40
41
42
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
31
32
33
34
35
36
37
38
39
40
41
42
<table class="noborder sortable nowrap">
<thead>
<colgroup span="4">
<col>
<col>
<col>
<col>
</colgroup>
<colgroup span="3" class="bordergreen">
<col>
<col>
<col>
</colgroup>
<col>
<colgroup span="3" class="borderblue">
<col>
<col>
<col>
</colgroup>
<col>
<tr>
<th class="sorttable_nosort"></th>
<th class="sorttable_nosort"></th>
<th>Voornaam</th>
<th>Naam</th>
<th data-fide>Aangesloten</th>
<th data-fide>FIDE nummer</th>
<th data-fide>FIDE ELO</th>
<th>Opmerking</th>
<th data-punten>Extra Punten</th>
<th data-punten>Extra weerstandpunten</th>
<th data-punten>Extra winstpunten</th>
<th class="sorttable_nosort"></th>
</tr>
</thead>
<tbody>
<tr>col1</tr>
<tr>col2</tr>
...
<tr>col12</tr>
</tbody>
</table>
<thead>
<colgroup span="4">
<col>
<col>
<col>
<col>
</colgroup>
<colgroup span="3" class="bordergreen">
<col>
<col>
<col>
</colgroup>
<col>
<colgroup span="3" class="borderblue">
<col>
<col>
<col>
</colgroup>
<col>
<tr>
<th class="sorttable_nosort"></th>
<th class="sorttable_nosort"></th>
<th>Voornaam</th>
<th>Naam</th>
<th data-fide>Aangesloten</th>
<th data-fide>FIDE nummer</th>
<th data-fide>FIDE ELO</th>
<th>Opmerking</th>
<th data-punten>Extra Punten</th>
<th data-punten>Extra weerstandpunten</th>
<th data-punten>Extra winstpunten</th>
<th class="sorttable_nosort"></th>
</tr>
</thead>
<tbody>
<tr>col1</tr>
<tr>col2</tr>
...
<tr>col12</tr>
</tbody>
</table>
Als ik er thead voor zet dan doet hij niets.
Jan
Gewijzigd op 03/10/2025 10:13:26 door Jan R
Toevoeging op 03/10/2025 12:13:57:
Ik zie nu dat je de border om meerdere kolommen wilt hebben.
in dat geval zou ik denken aan een
Code (php)
1
2
3
4
2
3
4
<th class="bordergreen left">
<th class="bordergreen mid">
<th class="bordergreen mid">
<th class="bordergreen right">
<th class="bordergreen mid">
<th class="bordergreen mid">
<th class="bordergreen right">
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
th.bordergreen {
border-color: green;
}
th.left {
border-bottom: 5px solid;
border-top: 5px solid;
border-left: 5px solid;
border-right: 0;
}
border-color: green;
}
th.left {
border-bottom: 5px solid;
border-top: 5px solid;
border-left: 5px solid;
border-right: 0;
}
of misschien
Code (php)
1
2
3
4
5
6
2
3
4
5
6
th.bordergreen {
border: 5px solid green;
}
th.left {
border-right: 0;
}
border: 5px solid green;
}
th.left {
border-right: 0;
}
Bedankt alweer voor de hulp:).