Lijnen in tabel

Status
Niet open voor verdere reacties.
vpw

vpw

Gebruiker
Lid geworden
24 okt 2001
Berichten
426
Ik heb het volgende css-bestand:

body{
background-color:#cc9933;
color:#ffffff;
}
table {
width:100%;
border-width:1px;
border-style:solid;
}
en het volgende html-bestand:

<html>
<head>
<link href="opmaak.css" rel="stylesheet" type="text/css">
<title></title>
</head>
<body>
<table>
<tr>
<td>dit is een test</td>
<td>En dit is nog een test</td>
</tr>
</table>
</body>
</html>

Nu krijg ik alleen maar een lijn om de tabel heen en niet tussen de cellen. Wat gaat hier mis?
 
Je moet ook een border meegeven aan de <td>-elementen.

Code: 
td { 
border-width:1px;
border-style:solid;
}
 
Dat dacht ik ook tecsman. Maar dan krijg ik dubbele lijnen
 
Hier heb je de oplossing:

<html>
<head>
<title>test</title>
<style type="text/css">
body{
background-color:#cc9933;
color:#ffffff;
}
table{
width: 100%;
}

table, td, tr {
border-collapse: collapse;
border-width:1px;
border-style:solid;
}

</style>
</head>
<body>
<table>
<tr>
<td>dit is een test</td>
<td>En dit is nog een test</td>
</tr>
</table>
</body>
</html>


uitleg:
je moet de TR en TD ook borders geven want je deed alleen de tabel een border geven. succes verder :)
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan