Mouseover menų a tendina

[zab]

Ciao ragazzi
sto realizzando un sito con un doppio menų orizzontale. Sul primo menų (quello in alto) nessun problema, sul secondo (quello con le 5 icone) non funziona il mouseover quando il mouse non č sull'icona ma sulla lista delle sottovoci. Il primo menų č stato realizzato con ****, il secondo completamente a mano. Tutto funziona ma non riesco a settare questa funzione. Qualche idea?
Grazie dell'interessamento
Simone

Il sito č questo http://obiettivorischiozero.it/
user: demo
psw: demo



edit: eliminato riferimento commerciale

[Murphz]

A me funziona il mouseover anche sulle sottovoci, l'unica cosa č che non tiene il bck verde sull'icona...intendi quello?


La signorina gentile che spiega il sito č decisamente invadente e non permette di guardare il sito mentre parla a meno di cambiare pagina, sinceramente, la eliminerei. Non resisterei 20 secondi in un sito in cui sono forzato a vedere un video.

[zab]

Si intendo proprio quello; scendendo sul sottomenu torna bianco

la signorina č decisamente troppo invadente ma il cliente ha insistito, contento lui contenti tutti.

[Murphz]

Quello che potrei suggerire, nel tuo caso, č di fare una regola hover anche nell'ul del deeper. In questo modo nel mouseover del sottomenu si dovrebbe ottenere lo stesso effetto.


Non sarebbe la metodologia migliore, ma nel tuo caso la struttura č quella.


In pratica:

Codice: [Seleziona]

.menuservizio ul:hover .deeper
{
// effetto al li deeper
}


Purtroppo spesso, questo tipo di regole non sembrano funzionare. La chiamata ideale sarebbe blocco1:hover blocco2, nel tuo caso č impossibile farlo senza mettere mano al codice del menu.

[zab]

Ciao e intanto grazie del tuo aiuto,
io carico le img di sfondo con .item-* dato che ogni voce ha la sua.
ho provato ad inserire questo (.item-101 č la mia prima voce)

.item-101 a:hover .deeper{
  width: 91px;
  height: 83px;
  background-image:url(http://obiettivorischiozero.it/images/menu/1_over.png);
}


ma non funziona, idee???

[Murphz]

Scusa, non avevo visto che erano tutte diverse, a occhio sembrava solo lo sfondo verde.


Comunque, č chiaro che non funziona perchč ti affidi all'hover sull'a di item-*, appena esci da quel contenitore non vale pių, e inoltre non mi sembra corretta la regola css che hai postato.


Potresti mettere l'effetto sull'item-* e non sul suo A, in questo caso rimane anche quando vai sul submenu.