problema link con ul e li e validazione pagina

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????

borgo italia ha scritto:

ciao
prova in uesto modo

HTML:

<ul style="margin-top:6px;">
<li class="appuntamenti"><a href="appuntamenti.htm">PRENOTA UNA VISITA</a></li>
</ul>

Clicca per allargare...

ci avevo già provato e così viene validato ma se non sono col mouse sul testo ma nello spazio vuoto il testo non cambia colore se invece uso il codice che ho postato io in qualunque posizione sono cambia colore correttamente ma però non mi viene validato il codice

se guardi questi 2 file noti la differenza tra i due codici

http://coguaro.site90.net/index.htm in questo vedi anche come è adesso il menu e come lo sto trasformando infatti qui ho usato il codice come il tuo ( io vorrei che gli hover funzionino come in quello di sinistra)

http://coguaro.site90.net/home.htm qui invece ho usato il codice che avevo postato nel primo post e come vedi in qualunque posto ti metti cambia sia lo sfondo che il testo ( cosa che fanno anche gli altri pobabilmente come dicevo prima perchè invece di usare un colore come sfondo uso un'immagine solo per l'hover)

borgo italia ha scritto:

ciao
dai un occhio per bene al css

Clicca per allargare...

???????????? ho provato a leggerlo con calma più volte prima di postare qui ma non ho trovato niente di difettoso ???????????????

fra le altre cose il css e l'htm mi sono stati passati da un'altro post che avevo aperto su un'altro forum ( ma li non mi ha più risposto nessuno )

marco_rx ha scritto:

Se non stai usando html5 gli elementi in linea non possono contenere quelli di blocco, quindi da errore di validazione.
Per risolvere imposta gli annidamenti come ha scritto borgo italia e per impostare l'hover a tutto il blocco e non solo al testo aggiungi un display: block ad .appuntamenti a :

Codice:

.appuntamenti a {
    display: block;
}

Clicca per allargare...

che "gli elementi in linea non possono contenere quelli di blocco" sul mio codice lo sapevo infatti non volevo usare il codice come lo avevo postato io proprio per quello ( era un espediente per bypassare il problema della visualizzazione) e al display: block proprio non ci avevo pensato
mi prosto umilmente