Bordure double entre les cases d'un tableau

Bonjour,

J'ai un problème avec les bordures de mon tableau. Voici un exemple :

Code:

---

1 2 3 4

<table cellspacing="0" cellpadding="2"> <tr><td>TEST</td></tr> <tr><td>TEST</td></tr> </table>

---

Avec comme CSS :

Code:

---

1 2 3 4

tr, td { border: 1px solid Black; }

---

Autour des cases il n'y a pas de problème mais entre les cases, on peut voir que la bordure est de 2px au lieu de 1px. Je suppose que c'est normal car vu que chaque "td" a cette bordure de 1px, ça se "double" lorsque les cases sont "collées".
Mais le truc c'est que j'ai un autre tableau identique (enfin c'est une GridView à la base), j'ai mis les propriétés identiques et ça s'affiche parfaitement.

Merci d'avance de votre aide.

Bonjour,

Code:

---

1 2 3 4 5 6

table{ border-collapse:collapse; } td{ border:1px solid Black; }

---

Merci bien NoSmoking, ça m'aide beaucoup, je connaissais la propriété "border-collapse" mais je ne savais pas trop à quoi elle servait.

Citation:

---

Envoyé par Juju54350

Merci bien NoSmoking, ça m'aide beaucoup, je connaissais la propriété "border-collapse" mais je ne savais pas trop à quoi elle servait.

---

Quelques infos ici :mrgreen:

Citation:

---

Envoyé par Torgar

Quelques infos ici :mrgreen:

---

flute, crotte...j'ai zappé de mettre le lien vers cette indispensable glossaire :ccool: