link di una cella

[desy]

per favore qualcuno mi può aiutare...credo che sia una cosa molto semplice ma non sono molto pratica....

ho un menù orizzontale... ogni link è contenuto in una cella...
vorrei che quando vado sopra con il mouse sul link non si cambi il colore del testo ma il colore dellla cella...

per favore sto impazzendo ho provato sul tutto il form ma non riesco a trovare risposta....

[desy]

ho gia provato con classtd ma mi impone una altezza di sfondo....

[Mich_]

Se posti il tuo codice (HTML+CSS della cella, del link e del contenitore), forse ti si puo` aiutare concretamente.
Altrimenti dobbiamo andare ad indovinare.

Probabilmente nel :hover hai un color: ...; Invece devi inserire un background-color: ...;

[desy]

ho praticamente risolto pero fa dei capricci con firefox

comunque il codice è

td.menu a{
font-family: "Century Gothic", Arial;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
font-size: 9pt;
display: block;
background-color: #6D6C6B;
}

td.menu a:hover{
font-family: "Century Gothic", Arial;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
font-size: 9pt;
background-color: #FF7900;
height: 26px;
padding: 4px,0;
}


questo è il codice del menu

<table width="770" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>

<td width="48" height="26" background="immag/rett_arancio.jpg"></td>
<td width="2" height="26"></td>
<td width="335" height="26" bgcolor="#6D6C6B"></td>
<td width="2" height="26"></td>
<td width="88" height="26" align="center" bgcolor="#6D6C6B" class="menu">COMPANY</td>
<td width="2" height="26"></td>
<td width="89" height="26" align="center" bgcolor="#6D6C6B" class="menu">PRODOTTI</td>
<td width="2" height="26"></td>
<td width="58" height="26" align="center" bgcolor="#6D6C6B" class="menu">NEW</td>
<td width="2" height="26"></td>
<td width="60" height="26" align="center" bgcolor="#6D6C6B" class="menu">info</td>
<td width="2" height="26" ></td>
<td width="78" height="26" align="center" bgcolor="#6D6C6B" class="menu">CONTATTI</td>
</tr>
</table>

[Mich_]

Il codice CSS non e` molto razionale. Inoltre mescoli formattazione HTML e CSS, e questo lascia i browser alla libera interpretazione.

Devi quindi togliere tutte le formattazione fatte con attributi HTML
width="770" height="26" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"
width="48" height="26" background="immag/rett_arancio.jpg" ...
e inserire gli stessi valori dentro il CSS in selettori opportuni (seguendo le regole CSS).

Inoltre il CSS puo` essere semplificato:

td.menu a{
font-family: "Century Gothic", Arial, sans-serif;
color: #FFF;
text-decoration: none;
text-transform: uppercase;
font-size: 9pt;
display: block;
background-color: #6D6C6B;
}

td.menu a:hover{
color: #FFF;
text-decoration: none;
background-color: #FF7900;
height: 26px;
padding: 4px,0;
}

In pratica le proprieta` che non cambiano all'hover nonvanno riscritte (a parte text-decoration e color, che hanno un default diverso da parte del brwoser)