objet table et border

Version imprimable

Bonsoir,

J'ai un pb avec le code CSS suivant qui ne me fait pas de bordure

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
table.colonne {
width: 100%;
border-collapse: collapse;
border: 1px solid #ffffff;
}
 
table.colonne td {
padding-left: 5px;
padding-right: 5px;
}
 
table.colonne tr {
background-color: #f2f2f2;
color: #0000ff;
}

Code:

1
2
3
4
<table border="0" class="colonne"> 
 
alors que le code suivant fonctionne et laisse bien une bordure.
<table border="0" style="border: 1px solid #f2f2f2;">

Merci d'avance de vos réponses
Ph Couas

peut etre parce que la couleur de ta bordure est blanche non ? 8-)

Sinon tu peux aussi enlever le border="0" dans la balise html puisque tu veux mettre une bordure.

j'ai testé ça et ça marche :
Code:

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 <html> <head> <style> table.colonne { width: 100%; border-collapse: collapse; border: 1px solid #000000; } table.colonne td { padding-left: 5px; padding-right: 5px; } table.colonne tr { background-color: #f2f2f2; color: #0000ff; } </style> <body> <table border="0" class="colonne"> <tr><td>fdkh</td><td>fdkslfhj</td></tr> <tr><td>fdkh</td><td>fdkslfhj</td></tr> </table> </body> </html>

Bonjour,

Pour avoir la borduire entre chaque cellule je suis obligz de descendre au niveau du TD sir je garde le border-collapse.
Ok merci

Code:

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
<html>
<head>
<style>
table.colonne {
width: 100%;
border-collapse: collapse;
}
 
table.colonne td {
padding-left: 5px;
padding-right: 5px;
border: 1px solid #000000;
}
 
table.colonne tr {
background-color: #f2f2f2;
color: #0000ff;
}
 
</style>
 
<body>
<table border="0" class="colonne"> 
<tr><td>fdkh</td><td>fdkslfhj</td></tr>
<tr><td>fdkh</td><td>fdkslfhj</td></tr>
</table>
</body>
</html>