Application de bordures à une cellule de tableau unique lors de l'utilisation de l'option de bordure

J'ai une table avec la suivant des règles CSS appliquées:

table { border-collapse: collapse; }
td { border: 2px solid Gray; }

Je veux que certaines cellules ont une bordure rouge, à la place.

td.special { border: 2px solid Red; }

Cela ne fonctionne pas comme je l'avais espérer. Dans FireFox 3 et IE8, il ressemble à ceci:

Dans IE7 en mode de Compatibilité (en cours d'Exécution dans IE8), il ressemble à ceci:

Je veux que tous les quatre côtés de la <td> être rouge. Comment puis-je faire cela? Un cas de test peuvent être trouvés ici.

9

Ne sera pas possible à l'aide de border-collapse. Vous pourriez contourner un peu le problème, par exemple en faisant ceci:
```
<td class="special"><div>Two</div></td>
```
Puis l'application d'un style comme ceci:
```
.special div {
    border: 2px solid #f00;
    margin: -2px;
}
```
Ce qui (je l'espère) va arriver, c'est le div à l'intérieur de la td étendre vers l'extérieur par 2 pixels et couvrir la bordure noire avec une bordure rouge.
2

border-collapse signifie que la banque td n'ont pas réellement de certains de leurs frontières. Vous aurez à trouver une autre façon de le faire. Donner le tableau de fond et enlever toutes les frontières, mais en laissant la td marges donne une belle bordure. Puis en définissant une frontière donnerait une frontière interne, je crois. Cela fonctionnerait-il?

Vous devez vous connecter pour publier un commentaire.