[css] gestione delle tabelle

[nik600]

ciao a tutti

ho due domanda da porvi in merito alla gestione delle tabelle con i css

la prima è come fare in modo che il bordo delle celle risulti un'unica linea e non una linea "doppia" come potete vedere nell'immagine allegata

la seconda domanda è come gestire un'evento onmouseover...cioè vorrei fare in modo che quando il mouse passa su TUTTA l'area della cella TUTTA la cella (e non solo il testo) cambia sfondo...

ke dite si può fare?


ciao & thnks

[Vre]

hai dato un occhio qui?

http://forum.html.it/forum/showthrea...hreadid=517757

[Francis87]

1. table { border-collapse: collapse; }
2. onMouseOver="this.style.bgColor='#5588aa';" onMouseOut="this.style.bgColor='#ffffff';"

[antos]

Originariamente inviato da Francis87
1. table { border-collapse: collapse; }
2. onMouseOver="this.style.bgColor='#5588aa';" onMouseOut="this.style.bgColor='#ffffff';"

se invece vuoi fare l'hover direttamente con i css devi fare così:

td a{display:block;}
td a:hover{background-color:#colore;}

<td>testo</td>

questo casino perchè ie supporta solo l'hover sui link

[nik600]

ciao

grazie per avermi risposto

ora ho un'altra domanda da farvi!

come posso fare 2 stili che si comportano in modo diverso (cambiamento del colore quando c'è un'evento hover sul tag <a></a>)

se posso definire un solo tag

a td (.....)

?

cioè io in una tabella vorrei alcune celle che si comportano in un modo e altre in un altro!! come posso fare?

thnks

[flanza]

definisci delle classi diverse ad esempio:

.prima{

...
}

e

.seconda{
...
}

e poi le chiami usando:

<a class="prima">

e

<a class="seconda">

[nik600]

il problema è che la classe

a: hover è una sola!

[flanza]

.prima:hover{
...
}
.seconda:hover{
....
}

[nik600]

perfetto!!

un'altra domanda....è possibile mettere il linksu tutta la cella inceve che solo sul testo? se si come faccio?

grazie

[flanza]

link