Discussion :

[Juju54350]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Avec comme CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[NoSmoking]

Bonjour,

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
table{
  border-collapse:collapse;
}
td{
  border:1px solid Black;
}

[Juju54350]

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

[Torgar]

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

[NoSmoking]

Quelques infos ici

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