tabelle e css

[ilaboc]

Ho un problema di tabelle e css:
ho creato delle tabelle e per avere le righe alternate ho inserito uno span per ogni riga con classe alternata (classe1 e classe2) in modo da avere tutte le righe con span classe1 di un colore e tutte le righe con span classe2 di un altro colore, inoltre c'è una riga con uno span ancora diverso per evidenziare la scritta solo su quella riga.
Solo che sotto firefox lo sfondo è unico come se non sentisse la presenza dello span.
Forse lo span non funziona sotto firefox?

grazie mille a tutti

[gabip87]

si che funziona. ma senza vedere il codice non possiamo fare piu' di tanto.

[ilaboc]

Vi posto il codice della tabella ed il relativo css:


<div id="risultati">
<table border="0" align="center" cellpadding="0" cellspacing="0" class="table">
<tr>
<th colspan="4" scope="col" class="header"></th>
</tr>
<tr>
<span class="riga1"><td class="sx">XXIV Magggio 1999</td>
<td align="center" class="trattino">-</td>
<td class="dx">Olimpia Battipaglia</td>
<td width="10%" class="risultati">3-6</td>
</span>
</tr>
<tr>
<span class="real"><td class="sx">F.C.Real Salerno</td>
<td align="center" class="trattino">-</td>
<td class="dx">Belvedere </td>
<td class="risultati">5-1</td>
</span>
</tr>
<tr>
<span class="riga1"><td class="sx">PaoloMasulloOonlus</td>
<td align="center" class="trattino">-</td>
<td class="dx">Castiglionese</td>
<td class="risultati">6-0</td>
</span>
</tr>
<tr>
<span class="riga2"><td class="sx">Onmic Salerno</td>
<td align="center" class="trattino">-</td>
<td class="dx">Giovi Calcio</td>
<td class="risultati">1-0</td>
</span>
</tr>
...
...
...
</table>
</div>




CSS:
#risultati{
width:100%;
border:solid 3px #ccc;
margin-top:10px;
}

table.table{
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
height:10px;
font-stretch:semi-expanded;
}

.td_risul{
padding-top:34px;
padding-left:2px;
padding-right:7px;
}

.header{
background-image:url("immagini/tab_risultati.jpg");
background-repeat:no-repeat;
height:20px;
background-color:#4BA2DB;
}


td.sx{
padding-top:5px;
padding-bottom:5px;
width:38%;
}

td.dx{
padding-top:5px;
padding-bottom:5px;
width:44%;
}

td.trattino{
padding-top:5px;
padding-bottom:5px;
width:8%;
}

td.risultati{
padding-top:5px;
padding-bottom:5px;
width:10%;
}


span.real td{
color:#005AA9;
font-weight:bold;
font-size:11px;
background-color:#FFFFFF;

}

span.riga1 td{
background-color:#E1F0FA;
}

span.riga2 td{
background-color:#FFFFFF;
}


Spero di non aver combinato casini

Grazie ancora per l'attenzione

[Mich_]

Ti sei inventato un tuo HTML personale?

Non puoi inserire un <td> (che e` un blocco) dentro uno span.
E poi devi eliminare tutti gli attributo di formattazione HTML, dato che vanno in contraddizione con i CSS (e la contraddizione e` risolta in modo diverso dai vari browser).

Quindi vedi questo codice HTML:

<table id="risultati">
<thead>
  <tr>
    <th colspan="4" scope="col" class="header"> </th>
  </tr>
</thead>
<tbody>
  <tr class="riga1">
    <td class="sx">XXIV Magggio 1999</td>
    <td align="center" class="trattino">-</td>
    <td class="dx">Olimpia Battipaglia</td>
    <td width="10%" class="risultati">3-6</td>
  </tr>
  <tr class="real">
    <td class="sx">F.C.Real Salerno</td>
    <td align="center" class="trattino">-</td>
    <td class="dx">Belvedere </td>
    <td class="risultati">5-1</td>
  </tr>
  <tr class="riga2">
    <td class="sx">Onmic Salerno</td>
    <td align="center" class="trattino">-</td>
    <td class="dx">Giovi Calcio</td>
    <td class="risultati">1-0</td>
  </tr>
...
... 
...
</tbody>
<tfoot> se serve </tfoot>
</table>

Poi nel CSS:

.riga1 td{
  background-color:#E1F0FA;
}
.riga2 td{
  background-color:#FFF;
}

[ilaboc]

Scusami ma non era mia intezione inventare un nuovo html solo che non essendo molto esperto in materia non ricordavo ci fossero limitazioni così iomportanti al'uso dello span.
Correggimi se sbagio (ancora) non si può inserire un elemento blocco (td) in un altro elemeto blocco(span).
cmq grazie mille ciao a presto

[Mich_]

Forse dovresti leggerti un tutorial (X)HTML.

Ci sono elementi di tipo blocco e ci sono elementi di tipo inline.

Blocchi: <div>, <table>, <tr>, <td>, <form>, <ul>, [list=1],[*], ....
Inline: <a>, <span>, <img>, ...

Non si possono inserire elementi blocco dentro inline,
mentre si possono inserire blocchi dentro blocchi, ed inline dentro blocchi.
Inline dentro inline dipende dal tipo di elementi: a volte si puo`, altre volte no.
Il

e` un elemento blocco che non puo` contenere altri blocchi.

[ricman]

Originariamente inviato da ilaboc
Scusami ma non era mia intezione inventare un nuovo html solo che non essendo molto esperto in materia non ricordavo ci fossero limitazioni così iomportanti al'uso dello span.
Correggimi se sbagio (ancora) non si può inserire un elemento blocco (td) in un altro elemeto blocco(span).

Dai un'occhio anche qui

[ilaboc]

Ok grazie mille mi acculturerò.

Ciao a tutti