<colgroup>......</colgroup>

[alelaps]

salve..
Ho un problema con l'istruzione <colgroup>...
Ho impostato una classe per ogni colonna di una tabella.
Con IE tutto ok.
Con FF, tutti gli attributi riguardanti i caratteri vengono ignorati; il resto ok.
Qualcuno sa spiegarmi il perchè?

[alelaps]

PS:

per classe intendo classe CSS

per attributi intendo qualità della classe

[Vincent.Zeno]

prova a postare il codice

[alelaps]

Il codice è:

<table class="Difensori TestoTabSC">
<colgroup class="col1"></colgroup>
<colgroup class="col2"></colgroup>
<colgroup class="col35"></colgroup>
<colgroup class="col4"></colgroup>
<colgroup class="col35"></colgroup>
<colgroup class="col6"></colgroup>
<colgroup class="col7"></colgroup>
<thead class="TitoloTab">
.....
</thead>
<tbody>
<tr>
.....

poi nelle celle solo testo o piccole immagini
Per quanto riguarda il css:

.col1
{
width: 80px;
text-align:center;
color: #000000;
}
.col2
{
width: 220px;
text-align:left;
padding-left: 3px;
color: #000000;
}
.col35
{
width: 50px;
text-align:center;
color: #000000;
}
.col4
{
width: 150px;
text-align:left;
padding-left: 3px;
color: #000000;
}
.col6
{
width: 60px;
text-align:center;
color: #000000;
}
.col7
{
width: 60px;
text-align:center;
color: #000099
}

.Difensori
{
background-color: #FFFFCC;
border-width: 3px;
border-color: #000000;
border-style: solid;
border-spacing: 0px;
border-collapse:collapse;
width: 700px;
empty-cells:show;

}
.Difensori td
{
border-top-color: black;
border-left-color: black;
border-bottom-color: black;
border-right-color: black;
border-width: 2px;
border-color: #000000;
border-style: solid;
}

.TestoTabNorm {
font-family: "Comic Sans MS";
font-size: 14px;
font-weight: bold;
}

Come detto, in IE tutto ok.
In FF, tutto il testo viene posto a sx, senza paddind e tutto di colore nero (una colonna ha testo blu)

[alelaps]

Scusa la prima riga è:

<table class="Difensori TestoTabNorm">

[Vincent.Zeno]

html della tabella completo, please...
... usa i tag "code" per postare il codice, TKS

domanda: <table class="Difensori TestoTabNorm">
intendi dare una doppia classe o cosa?
nel css non è definito

[alelaps]

Si esatto... 2 classi per la tabella. A me in un altra discussione mi hanno detto che si può, ed infatti funziona, le due classi vengono applicate entrambe. Quella che non viene applicata è la classe della colonna...

Il codice : ti pubblico solo le prime e l'ultime, le più significative: sono più di 200 righe...
A livello di codice sono tutte uguali.
Il css è quello che ho già scritto sopra (file esterno caricato correttamente con LINK)

<table class="Difensori TestoTabNorm">
	<colgroup class="col1"></colgroup>
	<colgroup class="col2"></colgroup>
	<colgroup class="col35"></colgroup>
	<colgroup class="col4"></colgroup>
	<colgroup class="col35"></colgroup>
	<colgroup class="col6"></colgroup>
	<colgroup class="col7"></colgroup>
	<thead class="TitoloTab">
	<tr>
    <td>Codice</td>
    <td>Giocatore</td>
    <td></td>
    <td>Squadra</td>
    <td>Naz</td>
    <td>Val.Gaz</td>
    <td>Valore</td>  </tr>  
	</thead>
	<tr>
    <td>201</td>
    <td>ACCARDI</td>
    <td>[img]immagini/ita/sampdoria.png[/img]</td>
    <td>Sampdoria</td>
    <td>[img]immagini/flags/europe/ita.png[/img]</td>
    <td>5</td>
    <td>2</td>
  </tr>

.......

<tr>
    <td>376</td>
    <td>ZENONI C. </td>
    <td>[img]immagini/ita/sampdoria.png[/img]</td>
    <td>Sampdoria</td>
    <td>[img]immagini/flags/europe/ita.png[/img]</td>
    <td>5</td>
    <td>2</td>
  </tr>
</table>

[Vincent.Zeno]

Originariamente inviato da alelaps
Si esatto... 2 classi per la tabella . A me in un altra discussione mi hanno detto che si può, ed infatti funziona, le due classi vengono applicate entrambe. Quella che non viene applicata è la classe della colonna...

Bene. Si, si possono applicare due classi.
ma due classi le ho sempre applicate separatamente, non "in una botta"
quindi, prima che mi metta a fare controlli ed esperimenti, prova a separare i due marcatori.
ovvero:
<table class="Difensori" class="TestoTabNorm">

altrimenti class="Difensori TestoTabNorm" sembra un solo marcatore.
se poi IE "aggiusta" purché funzioni è un altro problema.
in questo caso non mi meraviglierei se FF ingnorasse le istruzioni...

fai sapere se tutto poi procede come desideri

[alelaps]

Dunque...
Risultati con FF:
Con class="Difensori TestoTabNorm" :
- Difensori --> ok
- TestoTabNorm ---> ok
- col (classe colonna) --> ignorata

Con class="Difensori" class="TestoTabNorm"
- Difensori --> ok
- TestoTabNorm --> ignorata
- col --> ignorata

Secondo il mio modesto parere la scrittura 'tutto in una botta' va bene... Me la suggerì gabip87, mi sembra un esperto CSS-saro....

Ho provato (per esperimento e sempre in FF) ad aggiungere un'altra classe che mi trasforma tutto in minuscolo...
Mettendo class="Difensori TestoTabNorm minuscolo" funzionano tutte 3 le classi... (quella della colonna ovviamente no..)...

[Shores]

Allora, scrivere due volte l'attributo class è semplicemente SBAGLIATO.

La dicitura corretta è quella di inserire più classi nello stesso attributo separate da uno spazio.

Detto questo, a mio avviso hai qualcosa nel css che, avendo una specificità più alta, viene a prendere il sopravvento sulla classe del colgroup.

Per esempio, se scrivi

table.difensori td {}

.col1 {}

La seconda regola verrà ignorata, perchè la prima ha una specificità maggiore: ma se scrivi

table.difensori td {}

table.difensori .col1 {}

Ora la seconda è più specifica della prima, e quindi verrà presa in considerazione.

Puoi provare a commentare con /* */ tutte le parti di css che non hanno a che vedere con quella tabella (meglio ancora sarebbe se tu mettessi quella tabella da sola in un file a parte) in modo da verificare che non sia qualcos'altro dell'html o del css a darti fastidio.

Naturalmente, do per assunto che HTML e css siano perfettamente validi...