menu ccs con tabella

[bgiordy]

Salve a tutti

sto creando un banale menù orizzontale utilizzando le celle di una tabella con i CSS. Come si fa a cambiare lo sfondo di tutta la cella e non solo dove c’è la scritta?

grazie

bgiordy


<tr>
<td class="menu">Home</td>
<td class="menu">menu 2</td>
<td class="menu">menu 3</td>
<td class="menu">menu 4</td>
</tr>


CSS

td.menu {
background-color: #FFE4B5;
text-align: center;
text-decoration: none;
font-family:arial;
font-size: 11px;
color: #000000;
}

td.menu a {
background-color: #FFE4B5;
text-align: center;
text-decoration: none;
font-family:arial;
font-size: 11px;
color: #000000;
}

td.menu a:hover {
color: Navy;
background: #AEBCE6;
}

[kaze]

Scusami ma se ti serve solamente per il menu perchè invece di utilizzare una tabella (deprecabile) non utilizzi una lista (UL LI) in modalità inline ???

Comunque basta che aggiungi:

td.menu a {
background-color: #FFE4B5;
text-align: center;
text-decoration: none;
font-family:arial;
font-size: 11px;
color: #000000;
display:block;
}

td.menu a:hover {
color: Navy;
background: #AEBCE6;
display:block;
}

[bgiordy]

grazie infinite
ora funziona perfettamente.
Non uso le liste orizzontali perché ho difficoltà a distribuire uniformemente i pulsanti nella pagina.

ciao

bgiordy