consiglio su a:hover per una <td>

[meldro]

Dunque ho una semplice tabella contenente dei link interni.

<table border="1" cellspacing="0" cellpadding="2" summary="">
<tr>
<td ><a>1</a></td>
<td ><a>10</a></td>
<td ><a>100</a></td>
<td ><a>1000</a></td>
</tr>
</table>

Ora con la proprietà td:hover riesco a cambiare lo sfondo della cella al passaggio del mouse.

In aggiunta a questo vorrei che quando si verifica la condizione di "visited" tutta la cella della tabella cambi il colore di sfondo.

La prima cosa che mi è venuta in mente è stata impostare il background per a:visited ma così non va. O meglio cambia lo sfondo soltanto del testo racchiuso nei tag <a> e non lo sfondo della <td> come io vorrei.

Come posso fare?

[UmaThurman]

prova a dare ad a display:block, in questo modo il link dovrebbe occupare tutta la cella

[meldro]

Originariamente inviato da UmaThurman
prova a dare ad a display:block, in questo modo il link dovrebbe occupare tutta la cella

Perfetto! Grazie

Ultima cosa... ho la situazione di cui sopra <td><a>....</a></td>

Ovviamente la classe <a> ha delle proprietà e <td> delle altre.

Dai tentativi fatti <a> "comanda" a prescindere dalle impostazioni di <td>.
Cioè se in <a> ho color: #000, il testo racchiuso dai tag <a> sarà sempre di quel colore anche se in <td> ne specifico uno diverso (ad esempio perchè ho diverse classi di td).

Esiste un modo per fare che sia <td> a comandare su <a> e non viceversa?

Grazie in anticipo.

[gengix]

Devi utilizzare la discendenza.
Devi dichiarare che tutti gli a di quel preciso td devono avere lo stesso colore del genitore.
Es:
css

.tdA, .tdA a
{
color:red;
}

struttura:

<table>
	<tr>
		<td class="tdA">Testo normale Link </td>
	</tr>
</table>

[meldro]

Originariamente inviato da gengix
Devi utilizzare la discendenza.
Devi dichiarare che tutti gli a di quel preciso td devono avere lo stesso colore del genitore.
Es:
css

.tdA, .tdA a
{
color:red;
}

struttura:

<table>
	<tr>
		<td class="tdA">Testo normale Link </td>
	</tr>
</table>

Dunque ho provato così ma senza esito:
Il codice è questo:

<table>
	<tr>
		<td class="sele">Link </td>
	</tr>
</table>

Io vorrei che una volta cliccato sul link, questo prenda il color non di a:visited ma della colonna td.


Ho cercato di seguire quello che mi hai suggerito ed ho provato così:

td.sele, td.sele a:visited{background-color: #336600; color: #fff;}
td a:visited{color: #9cba00}

Non va, dove sbaglio?

[UmaThurman]

td.sele a:visited avrà sempre una specificità maggiore rispetto a td a:visited, quindi "vincerà".
Basta che definisci il colore nella prima regola

td.sele {background-color: #336600; color: #fff;}
td.sele a:visited{color: #9cba00}

[meldro]

Originariamente inviato da UmaThurman
td.sele a:visited avrà sempre una specificità maggiore rispetto a td a:visited, quindi "vincerà".
Basta che definisci il colore nella prima regola

td.sele {background-color: #336600; color: #fff;}
td.sele a:visited{color: #9cba00}

Perfetto, risolto! Grazie! ;-)