CSS su 'TR' di una tabella

[JANUS70]

Ciao ..
non funzionano gli stili sulle righe (TR) delle tabelle ?

<tr style="border-bottom: 2px solid red;" >

Avrei l'esigenza di evidenziare il bordo inferiore delle righe di una tabella.
Userei la proprietà 'rules' su tutta la tabella, ma la sottolineatura la devo evidenziare solo a certe condizioni (quindi non sempre)

<table width=\"100%\" border=\"0\" rules=\"rows\" bordercolor=\"green\" bgcolor=\"#D9F0C7\" >

Qualcuno mi sa aiutare ?
Grazie mille

[JANUS70]

nessuno !?

[Mich_]

In realta` i <tr> sono sempre completamente coperti dai vari <td> contenuti.

Quindi lo sfondo del <tr> lo vedi solo se i <td> hanno sfondo trasparente (puoi provare a vedere se cosi` risolvi)

In alternativa, devi definire il colore di sfondo in tutti i <td> che dipendono da un certo <tr>.

Modificare il tuo codice e` complesso, e non razionale: infatti con i CSS in linea vorrebbe dire ripetere lo stile in ogni <td>.
Conviene tenere separato il contenuto (codice HTML) e la formattazione (codice CSS).
Idealmente si fa mettendo il CSS in un file separato. Nelle prove e` ragionevole inserire il CSS in un tag <style> nello stesso file.

[JANUS70]

Non so se ho capito bene .. ma per vedere il bordo (non sfondo) del 'TR' dovrei rendere trasparente il bordo del 'TD' ?
E come si fà ?
Grazie

[Mich_]

Anzitutto mi scuso: ho fatto tutto il ragionamento per lo sfondo. La stessa cosa non dovrebbe valere per il bordo, ma sono convinto che qualche browser potrebbe pensarla diversamente (mi riferisco ad IE usato in modo retrocompatibile).

Comunque puoi provare a definire il bordo sui <td> anziche` sul <tr>, oppure a definire il bordo come transparent.

[JANUS70]

il bordo sul 'td' viene preso correttamente .. il problema è che si vede la 'spezzatura' e non si presenta come una linea continua.
Anche usando il 'transparent' sui td il bordo del tr non funziona !

[JANUS70]

possibile che non ci sia soluzione ?!

[LuigiMem]

Originariamente inviato da JANUS70
Ciao ..
non funzionano gli stili sulle righe (TR) delle tabelle ?

<tr style="border-bottom: 2px solid red;" >

Avrei l'esigenza di evidenziare il bordo inferiore delle righe di una tabella.
Userei la proprietà 'rules' su tutta la tabella, ma la sottolineatura la devo evidenziare solo a certe condizioni (quindi non sempre)

<table width=\"100%\" border=\"0\" rules=\"rows\" bordercolor=\"green\" bgcolor=\"#D9F0C7\" >

Qualcuno mi sa aiutare ?
Grazie mille

devi metterlo nei vari TD!
<td style="border-bottom: 2px solid red;" >

[JANUS70]

scusa .. ma usando i TD non ottengo una linea 'continua' ..
c'è l'interruzione tra TD e TD

[LuigiMem]

Originariamente inviato da JANUS70
scusa .. ma usando i TD non ottengo una linea 'continua' ..
c'è l'interruzione tra TD e TD

no a meno che tu abbia impostato il cellspacing e cellpadding diverso da 0 (zero)

esempio:

<table width="400" border="0" cellspacing="0" cellpadding="0">
<tr>
<td style="border-bottom: 2px solid red;"></td>
<td style="border-bottom: 2px solid red;"></td>
<td style="border-bottom: 2px solid red;"></td>
<td style="border-bottom: 2px solid red;"></td>
</tr>
</table>

provalo e vedrai che non c'è nessuna interruzione
ciao