problema link con ul e li e validazione pagina

coguaro

Utente Attivo
28 Mar 2004
32
0
0
41
www.coguaro.it
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
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&nbsp;&nbsp;&nbsp;
</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????
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
148
63
PR
www.borgo-italia.it
ciao
prova in uesto modo
HTML:
<ul style="margin-top:6px;">
<li class="appuntamenti"><a href="appuntamenti.htm">PRENOTA UNA VISITA</a></li>
</ul>
 

coguaro

Utente Attivo
28 Mar 2004
32
0
0
41
www.coguaro.it
ciao
prova in uesto modo
HTML:
<ul style="margin-top:6px;">
<li class="appuntamenti"><a href="appuntamenti.htm">PRENOTA UNA VISITA</a></li>
</ul>

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)
 

marco_rx

Utente Attivo
19 Dic 2010
129
0
0
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;
}
 

coguaro

Utente Attivo
28 Mar 2004
32
0
0
41
www.coguaro.it
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;
}

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 :) :D
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Aiuto: problema con il mio TP-Link range extender Reti LAN e Wireless 0
J Problema con link nella barra di navigazione HTML e CSS 1
M Problema con link HTML e CSS 1
I Problema con a href link HTML e CSS 5
M problema con i link sul sito fatto in Flash Flash 2
D Problema con link e iframe dal tasto centrale HTML e CSS 3
M problema con Link Exchange Supporto Mr.Webmaster 0
F Problema con i link: compaiono gli indirizzi ma non si aprono HTML e CSS 1
S Problema con link pagine PHP 6
R Problema con i link PHP 4
S fckeditor - problema con link (collegamento) PHP 4
R problema con il css dei link HTML e CSS 2
E Problema con inserimenti di Link & sessioni PHP 6
E Problema con LINK nei frame [Era: Aiuto!!!!] HTML e CSS 1
P Problema con Link caricato da TXT Flash 1
L Problema strano con i link Flash 2
Y Problema con Link interni ad una interfaccia Tab Javascript 3
goldenboys4 Problema col link con URL Redirect Supporto Mr.Webmaster 4
S Problema con i tools con aggiornamento link Supporto Mr.Webmaster 4
B problema con LINK EXCHANGE Supporto Mr.Webmaster 3
S Problema con il LINK EXCHANGE Supporto Mr.Webmaster 5
C Problema tp-link extender cp210 Reti LAN e Wireless 9
S problema link exchange Supporto Mr.Webmaster 0
B Problema Link PHP 6
M Problema apertura link jQuery 18
S Problema coi link HTML e CSS 2
I Problema link in iframe HTML e CSS 4
emanuelevt Problema link PHP 4
E problema link nel menù XML 0
J problema link PHP 3
M Problema "grandezza" link e compatibilità IE: HELP! HTML e CSS 4
A Link html dentro php, problema PHP 3
M problema flash link Flash 2
A Problema testo alternativo link Javascript 0
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0

Discussioni simili