più opzioni table# nel CSS fanno confusione

[pierdoom78]

Ciao, nel file template.css del mio sito ho aggiunto queste righe

Codice: [Seleziona]


table#leo001 {
  width: 80%; 
font-size: 12px;
}

table#leo001 td {
 
border-bottom: 1pt solid black;
  padding: 0px;
}

 .center-table {
  margin: 0 auto;
}


table#leo002 {
  width: 80%; 
font-size: 12px;
}

table#leo002 td {
 
border-bottom: 1pt solid black;
}


table#leo002 tr:nth-child(even) {

    background-color: #ffff99;
}


table#classifiche {
    border-collapse: collapse;
}

table#classifiche, th, td {
border: 1px solid black;   
  padding: 1px;
}
affinchè non ho aggiunto le opzioni per table#classifiche era tutto ok, poi una volta aggiunte queste tutte le altre tabelle oltre ad avere i bordi sotto hanno anche quelli verticali. Ovviamente ogni table id è giusto, ma non capisco dove è l' errore. Dov'è?
Grazie

[tomtomeight]

nel file template.css del mio sito

e quale è il tuo sito?

[pierdoom78]

e quale è il tuo sito?

torresivolley.it

[tomtomeight]

Hai specificato solo border quindi li mette su tutti i lati.

[pierdoom78]

Hai specificato solo border quindi li mette su tutti i lati.

Si, ma io credevo che la tabella con id #leo001 avrebbe dovuto avere solo i bordi sotto mentre quella con id #classifiche tutti i bordi. Non è così?

[pierdoom78]

Allora... nel frattempo ho cercato di trovare una soluzione e pensavo di averla trovata con l' aggiunta della classe(?) .classifiche-table che si trova in fondo al codice. Con questa aggiunta le tabelle che devono avere solo il bordo inferiore in ogni riga lo hanno mentre quelle che li debbono avere tutti li hanno tutti. Però mi sono detto se tolgo da tutte le celle il codice
"border-width: 1px; border-style: solid; border-color: #000000;"
e nella classe .classifiche-table aggiungo    ,thead, tbody, th, td, tr i bordi saranno in tutte le celle. Ed in effetti è vero, solo che compaiono anche nelle altre tabelle ARGGGGGGGHHH.
C'è qualche anima buona che possa fare chiarezza nella mia piccola testolina su questo oscuro comportamento?
Grazie

Codice: [Seleziona]

table#leo001 {
  width: 80%; 
font-size: 12px;
}

table#leo001 td {
 
border-bottom: 1pt solid black;
  padding: 0px;
}

 .center-table {
  margin: 0 auto;
}


table#leo002 {
  width: 80%; 
font-size: 12px;
}

table#leo002 td {
 
border-bottom: 1pt solid black;
}


table#leo002 tr:nth-child(even) {

    background-color: #ffff99;
}

 .classifiche-table {
 border-collapse: collapse;
border: 1px solid black;
  padding: 1px;
}