Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

[CSS] Table headings en borders

Pagina: 1
Acties:

  • fopspeen
  • Registratie: Februari 2008
  • Laatst online: 10-08-2023
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


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 ]


  • OkkE
  • Registratie: Oktober 2000
  • Laatst online: 10-11 15:46

OkkE

CSS influencer :+

Je mist volgens mij de th in je CSS?

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.


  • fopspeen
  • Registratie: Februari 2008
  • Laatst online: 10-08-2023
Je hebt gelijk. Ik heb daar stom overheen gekeken ofzo. 8)7

Met het invullen van een th, is het probleem opgelost.

Bedankt! :)