Olimpo Informatico

[aibsusa]

Ciao a tutti, visto che in passato mi avete aiutato con i css mi rivolgo a voi per un problemino contro cui sto sbattendo la testa.



Vorrei assegnare tramite stile un bordo ad una riga di una tabella in modo da evidenziarla, ho trovato questo codice in giro:

 


<table style="border-collapse: collapse; border: 1px solid #39f;">


<tr style="border: 0px solid #00f;">





<td style="border: 2px solid #ccc;">Hello World</td>


<td style="border: 2px solid #ccc;">Hello World</td>


<td style="border: 2px solid #ccc;">Hello World</td>


</tr>





<tr style="border: 3px solid #00f;">


<td style="border: 2px solid #ccc;">Hello World</td>


<td style="border: 2px solid #ccc;">Hello World</td>


<td style="border: 2px solid #ccc;">Hello World</td>


</tr>





<tr style="border: 0px solid #00f;">


<td style="border: 2px solid #ccc;">Hello World</td>


<td style="border: 2px solid #ccc;">Hello World</td>


<td style="border: 2px solid #ccc;">Hello World</td>


</tr>


</table> 

Questo codice funziona esattamente come vorrei su NS7.2 mentre su IE se ne frega altamente del tr.



Purtroppo a me serve che funzioni su IE. Conoscete alternative o soluzioni?



Grazie

[rebelia]

intanto ti consiglio di crearti una classe in questo modo:

  


<style>


#stiletabella {border: 1px solid #39f}


#stiletabella td {2px solid #ccc}


</style>





...





<table id="stiletabella">


...


</table>

per quanto riguarda la domanda, invece, stai dando il bordo di 0px a due dei tag tr e poi dai loro il colore, ma le due cose sono incongruenti; inoltre, hai dato l'attributo border-collapse: collapse alla tabella e probabilmente anche questo potrebbe darti dei problemi



prova a modificare queste due impostazioni, probabilmente risolvi



edit: corretto l'italiacano zoppicante

Edited by: rebelia at: 3/2/05 16:35

[aibsusa]

Sisi, lo stile sugli elementi era solo per provare, una volta funzionante lo avrei messo in una classe.



Ho provato a cambiare un po' di impostazioni come consigliato ma non ho risolto:

Il codice ora è questo:

 <style>


#stiletabella {


border-collapse: collapse;


}


#stiletabella td {border: 1px solid #00f;}


</style>





<table id="stiletabella">


<tr>





<td>Hello World</td>


<td>Hello World</td>


<td>Hello World</td>


</tr>





<tr style="border: 3px solid #000;">


<td>Hello World</td>


<td>Hello World</td>


<td >Hello World</td>


</tr>





<tr>


<td>Hello World</td>


<td>Hello World</td>


<td>Hello World</td>


</tr>





</table>

Con NS continua a funzionare, con IE continua a non funzionare.



Mettendo border-collapse: separate; il comportamento si equivale..... cioà anche su NS scompare il bordo della riga.



Per il momento ho arginato modificando il colore di sfondo delle celle nella riga selezionata ma mi piacerebbe sapere se esiste un modo per realizzare la mia prima idea oppure se è impossibile.

[rebelia]

hai ragione, non c'e' verso!



ho chiesto aiuto alla cavalleria, non appena rispondono ti posto la soluzione (se preferisci, puoi anche iscriverti alla discussione)

[juzo kun]

Ho come la vaga impressione che internet explorer il border attorno ai tr passato da CSS non se lo fumi di striscio. Qualche vago accenno qua

Quote:

---

Can specify borders on:

<table>, <tr>, <th>, <td>, <col>, <colgroup>, <thead>, <tbody>, <tfoot>

Hidden borders

By specifying 'border:hidden' in any areas will hide all borders on that edge.

Support

Mozilla: full, IE 5.5+: partial, Konqueror: none

---

Cià

JK che comunque attende il responso della cavalleria

[aibsusa]

Ho letto il post che hai segnalato, avevo già pensato a colorare i bordi della cella ma diventa troppo macchinoso e non ne vale la pena. Cambierò il colore di sfondo della riga e finisce lì.



In ogni caso direi che questo è un altro punto segnato dai browser "alternativi" nei confronti di IE.