Retrait de la bordure supérieure de la table html cellules

Je suis dans les premières étapes de la construction d'un site avec une table qui mettra en vedette sur la plupart des pages. J'ai réussi de style de la table comme je le voudrais, à l'exception d'une bordure grise en haut de chaque cellule. Je n'arrive pas à se débarrasser de lui.

[Le site est: http://www.randysrides.com/1970-chevrolet-camaro/][1]

Le code HTML du tableau se présente comme suit:

<div class="spec_table">
<table>
<tbody>
<tr>
<td><strong>Engine:</strong> Wagner LS-3 (603 hp)</td>
</tr>
<tr>
<td><strong>Transmission:</strong> Bowler Tremec 5-speed</td>
</tr>
<tr>
<td><strong>Exhaust:</strong> Flowmaster Super 44 Mufflers</td>
</tr>
<tr>
<td><strong>Ignition: </strong>Crane</td>
</tr>
<tr>
<td><strong>Radiator: </strong>Be Cool</td>
</tr>
<tr>
<td><strong>Rear End: </strong>GM 12-bolt</td>
</tr>
<tr>
<td><strong>Suspension: </strong>AVCO/JME</td>
</tr>
<tr>
<td><strong>Brakes: </strong>Willwood</td>
</tr>
<tr>
<td><strong>Wheels: </strong>Billet Specialties</td>
</tr>
<tr>
<td><strong>Paint:</strong> BASF Waterborne “Grinch Green”</td>
</tr>
<tr>
<td><strong>Interior: </strong>Mark Millbrandt</td>
</tr>
<tr>
<td><strong>Seats: </strong>Recaro</td>
</tr>
<tr>
<td><strong>Sound System: </strong>Alpine</td>
</tr>
</tbody>
</table>
</div>

Puis je avoir le code CSS suivant:

.spec_table {width: 100%; max-width: 350px; margin-top: -31px;}
.spec_table table {margin-left: 0px;border-collapse:collapse;border: 0;}
.spec_table tr {border-left: 2px solid rgba(38,201,255,1);}
.spec_table td {margin-left: -20px; font-size: .9em; line-height: 1.1em;}

Je n'arrive pas à se débarrasser de la lumière, le cadre gris en haut de chaque cellule.

Toute aide serait grandement appréciée.

Merci,
Jared

Vous avez essayé border-top:none;? ou la frontière égale à la couleur d'arrière-plan pour ne pas la rendre visible? Il ne semble pas que le problème est causé par le code ci-dessus: jsfiddle.net/kJW2U
il n'y a pas de frontière supérieure à tout, voir ici jsfiddle.net/uej9J dirait que le problème est ailleurs (dans le code), pas dans le code que vous avez posté.
Votre page est en train de faire la "page non trouvée", donc il n'y a aucun exemple donné.
La seule frontière, je ne vois que le bleu sur la gauche. Je suis également voir une "page non trouvée" message, mais je peux voir la table si je clique sur le lien pour la camaro codepen.io/anon/pen/kDEAC
Le lien a été mis en forme de mal, donc c'était ajoutant des supplémentaires. J'ai édité pour corriger, devrait relier correctement maintenant.

OriginalL'auteur user3753413 | 2014-06-18

  1. 7

    Vous avez un style de bordure présents dans votre style.css

    .entry-content tr td { border-top: 1px solid #eee; padding: 6px 24px; }

    Vous avez besoin de redéfinir ce style

    Ajouter ceci dans votre CSS

    .spec_table td {
margin-left: -20px;
font-size: .9em;
line-height: 1.1em;
border-top: none !important;
}
    L'ajout de la "border-top:" le style avec !important était exactement ce dont j'avais besoin. Merci beaucoup à tous pour l'entrée. Je suppose que le style de la classe "entry-content" a partir de mon thème WordPress. C'était mon premier post pour StackOverflow, mais je vais certainement être de retour et tenter de contribuer moi-même.

    OriginalL'auteur Abhishek Batra

  2. 0

    Votre lien de site web indique l'endroit où le bord supérieur est à venir à partir de

    .entry-content tr td { border-top: 1px solid #eee; padding: 6px 24px; }

    De supprimer ou de remplacer ce sélecteur de sorte qu'il n'y a pas de limite supérieure.

    Ce peu de CSS n'était pas dans votre exemple de code, donc on peut supposer que c'est quelque chose que vous n'étiez pas, s'attendant à être hérité par votre table?

    Également votre lien a quelques trucs supplémentaires à la fin, afin de ne pas travailler.. mais j'ai trouvé la page de toute façon.

    Très belle prise!

    OriginalL'auteur Pricey

  3. 0

    Ajouter ceci dans votre CSS

    .entry-content tr:first-child td:first-child {
border-top: none;
}

    Il utilise des éléments pseudo de la cible de la première table, tr, à la première table td pour avoir ensuite pas de frontière-top.

    OriginalL'auteur HeyImArt