Joomla.it Forum

Joomla! 3 => Joomla! 3 => : pierdoom78 31 Oct 2014, 11:40:33

: più opzioni table# nel CSS fanno confusione
: pierdoom78 31 Oct 2014, 11:40:33

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

:


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

: Re:più opzioni table# nel CSS fanno confusione
: tomtomeight 31 Oct 2014, 11:41:59

nel file template.css del mio sito

e quale è il tuo sito?

: Re:più opzioni table# nel CSS fanno confusione
: pierdoom78 31 Oct 2014, 14:41:39

: tomtomeight  31 Oct 2014, 11:41:59

e quale è il tuo sito?

torresivolley.it

: Re:più opzioni table# nel CSS fanno confusione
: tomtomeight 31 Oct 2014, 14:59:29

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

: Re:più opzioni table# nel CSS fanno confusione
: pierdoom78 31 Oct 2014, 15:01:50

: tomtomeight  31 Oct 2014, 14:59:29

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ì?

: Re:più opzioni table# nel CSS fanno confusione
: pierdoom78 05 Nov 2014, 14:46:01

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

:

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;
}