Le chevauchement de l'élément de tableau à gauche et à droite de la bordure

Je veux mettre chaque élément de la première ligne de mon tableau pour avoir une bordure gauche d'une certaine couleur et d'une bordure droite d'une certaine couleur. Malheureusement, il semble que les frontières de la table adjacente cellules se chevauchent et je ne reçois que la couleur de la bordure de gauche de l'affichage. Le bord gauche est censé être gris clair et le côté droit gris foncé.

Le chevauchement de l'élément de tableau à gauche et à droite de la bordure

Voici mon code HTML générer la table. (Le code HTML est généré dans cherrypy)

<th id="tbl_head" colspan='4'>%s</th>
    <tr>
        <td id="colhead">Track</td>
        <td id="colhead">Artist</td>
        <td id="colhead_time">Time</td>
        <td id="colhead">Album</td>
    </tr>

Voici mon CSS:

table {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    margin-left: auto;
    margin-right: auto;
    border-width: 1px;
    border-collapse: collapse;
}

td {
    padding: 3px;
}

#colhead {
    font-weight: bold;
    text-align: left;
    background-color: #989898;
    color: #000000;

    border-left-color:   #aeaeae;
    border-left-style: solid;
    border-left-width: 2px;

    border-right-color: #6c6c6c;    
    border-right-style: solid;
    border-right-width: 1px;

}

#colhead_time {
    font-weight: bold;
    text-align: right;
    background-color: #989898;
    color: #000000;

    border-left-color:   #aeaeae;
    border-left-style: solid;
    border-left-width: 2px;

    border-right-color: #6c6c6c;    
    border-right-style: solid;
    border-right-width: 1px;

}
Essayé sans border-collapse? Aussi, votre border-right-color n'est pas d'avoir des valeurs valides comme l'a souligné dans user2788058 la réponse ci-dessous.
retrait border-collapse et je peux voir à la fois sombre et gris clair mais j'ai un affreux ligne blanche en divisant toutes les cellules de mon tableau

OriginalL'auteur natsuki_2002 | 2013-09-17

  1. 3

    Dans votre css, vous avez ajouté de la valeur erronée de la frontière de la couleur à la propriété.
    Vous écrivez:

    border-right-color: 1px solid #6c6c6c;

    alors qu'il devrait être:

    border-right-color: #6c6c6c;
    merci, il semble toujours se chevauchent si
    Merci d'ajouter un " à la fois en avant et à la fin de la ligne de blocs de code pour mettre en forme du code. Pour le multi-codes de ligne, utilisez le {} bouton dans la barre de boutons.

    OriginalL'auteur kp7860

  2. 2

    C'est votre utilisation de border-collapse: collapse; utilisation border-spacing:0;border-collapse:no-collapse; à la place.

    Il n'y a pas un " non-effondrement de la valeur pour border-collapse. Je pense que vous ment "à part" developer.mozilla.org/en-US/docs/Web/CSS/border-collapse

    OriginalL'auteur darcher