Indice del forum Olimpo Informatico
I Forum di Zeus News
Leggi la newsletter gratuita - Attiva il Menu compatto
 
 FAQFAQ   CercaCerca   Lista utentiLista utenti   GruppiGruppi   RegistratiRegistrati 
 ProfiloProfilo   Messaggi privatiMessaggi privati   Log inLog in 

    Newsletter RSS Facebook Twitter Contatti Ricerca
[CSS] border degli oggetti tr
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet
Precedente :: Successivo  
Autore Messaggio
aibsusa
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 14/12/04 09:42
Messaggi: 104

MessaggioInviato: 03 Feb 2005 14:57    Oggetto: [CSS] border degli oggetti tr Rispondi citando

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

Top
Profilo Invia messaggio privato
rebelia
Dio maturo
Dio maturo


Registrato: 17/07/03 08:22
Messaggi: 7987

MessaggioInviato: 03 Feb 2005 16:23    Oggetto: ... Rispondi citando

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
Top
Profilo Invia messaggio privato HomePage
aibsusa
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 14/12/04 09:42
Messaggi: 104

MessaggioInviato: 04 Feb 2005 14:55    Oggetto: Re: ... Rispondi citando

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.

Top
Profilo Invia messaggio privato
rebelia
Dio maturo
Dio maturo


Registrato: 17/07/03 08:22
Messaggi: 7987

MessaggioInviato: 04 Feb 2005 23:21    Oggetto: ... Rispondi citando

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)

Top
Profilo Invia messaggio privato HomePage
juzo kun
Dio maturo
Dio maturo


Registrato: 19/04/04 08:32
Messaggi: 1853
Residenza: tra la tastiera e la sedia

MessaggioInviato: 05 Feb 2005 22:42    Oggetto: Re: ... Rispondi citando

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 :)

Top
Profilo Invia messaggio privato HomePage
aibsusa
Eroe in grazia degli dei
Eroe in grazia degli dei


Registrato: 14/12/04 09:42
Messaggi: 104

MessaggioInviato: 07 Feb 2005 09:13    Oggetto: Re: ... Rispondi

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.

Top
Profilo Invia messaggio privato
Mostra prima i messaggi di:   
Nuovo argomento   Rispondi    Indice del forum -> Linguaggi per Internet Tutti i fusi orari sono GMT + 1 ora
Pagina 1 di 1

 
Vai a:  
Non puoi inserire nuovi argomenti
Non puoi rispondere a nessun argomento
Non puoi modificare i tuoi messaggi
Non puoi cancellare i tuoi messaggi
Non puoi votare nei sondaggi