per alleggerire il menu di un sito mi è stato consigliato di usare ul e li però mi trovo con un problemino con uno di questi di cui allego il codice
css
html
il mio problema è che se non metto l'apertura del link prima dell'apertura del li mi viene preso come link solo il testo e se non sono col mouse sul testo non funziona correttamente l'hover probabilmente perchè rispetto agli altri qui lo sfondo è dato da un colore unico e non da immagini solo che però se uso questo codice non mi viene validata la pagina
spero di essermi spiegato bene
come posso ovviare a questo problema????
css
Codice:
.appuntamenti
{
list-style: none;
background-color: #d9d9da;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: right;
vertical-align: middle;
font-size: 12pt;
line-height: 25px;
color: #59595b;
}
.appuntamenti a:hover
{
background-color: #59595b;
color: #FFFFFF;
}
.appuntamenti-attivo a
{
background-color: #59595b;
color: #FFFFFF;
}
html
Codice:
<ul style="margin-top:6px;">
<a href="appuntamenti.htm"><li class="appuntamenti">PRENOTA UNA VISITA
</li></a></ul>
il mio problema è che se non metto l'apertura del link prima dell'apertura del li mi viene preso come link solo il testo e se non sono col mouse sul testo non funziona correttamente l'hover probabilmente perchè rispetto agli altri qui lo sfondo è dato da un colore unico e non da immagini solo che però se uso questo codice non mi viene validata la pagina
spero di essermi spiegato bene
come posso ovviare a questo problema????