[RISOLTO] Menu a tendina che si apre troppo facilmente

[gaga76]

Ciao a tutti.
Sto lavorando ad un sito facilissimo, fino a questo momento... Deo Gratia. Ogni tanto ci vuole.
Stamani mi sono accorta che nel menu verticale, le sottovoci si aprono "subito" anche se solo il mouse ci va vicino, ma nemmeno vicinissimo...

Cerco di capire il problema, ma non ne vengo a capo.

Il guaio è nella pagine con testo/link vicino al menu, in pratica se si prova a cliccare... si aprono i sotto menu e non si legge più al di sotto.

Come posso risolvere? Io vorrei che la tendina si aprisse solo se passo col mouse sulla voce di menu di riferimento.

[adottauncane]

Ciao gaga76,
link al sito.

[gaga76]

Ciao gaga76,
link al sito.

se lo metto...  prometti di non urlare???

la voce incriminata è Works.

[adottauncane]

Già... Con i css si può far poco, probabilmente sarebbe necessario intervenire sul codice del menù.

La cosa più semplice direi che sarebbe spostarlo un po, così che non copra i testi, né le voci menù e poi starebbe pure meglio:

Codice: [Seleziona]

#main_menu li ul {    background: url("../images/black-10.png") repeat scroll 0 0 #FFFFFF;    box-shadow: 1px 1px 6px #999999;    display: block;    left: 130px !important;    margin-bottom: 0;    margin-left: 3px !important;    margin-right: 0;    margin-top: -4px;    padding: 5px 0 30px;    position: absolute;    width: 160px;    z-index: 1000;}
così:
    left: 130px !important;

templates/full_screen_4/css/moomenuv.css riga 10

[gaga76]

Già... Con i css si può far poco, probabilmente sarebbe necessario intervenire sul codice del menù.

La cosa più semplice direi che sarebbe spostarlo un po, così che non copra i testi, né le voci menù e poi starebbe pure meglio:

Codice: [Seleziona]

#main_menu li ul {    background: url("../images/black-10.png") repeat scroll 0 0 #FFFFFF;    box-shadow: 1px 1px 6px #999999;    display: block;    left: 130px !important;    margin-bottom: 0;    margin-left: 3px !important;    margin-right: 0;    margin-top: -4px;    padding: 5px 0 30px;    position: absolute;    width: 160px;    z-index: 1000;}
così:
    left: 130px !important;

templates/full_screen_4/css/moomenuv.css riga 10

Allora... intanto grazie...

nel file indicatomi la riga 10 è vuota.
alla 13 c'è margin-left:0px !important;

Se metto 130 al posto di 0 diventa tutto un blocco piccolissimo.
Io vorrei lasciare tutto così com'è, ma impedire alla voce work di aprirsi alla vicinanza del mouse, ma solo se il puntatore ci finisce sopra, così come nelle demo del template.

[56francesco]

impedire alla voce work di aprirsi alla vicinanza del mouse,

lavora bene, il menù si apre quando si passa sul padding  cioè la zona di colore diverso,  potresti ridurre il paddind lasciano così a sinistra una "corsia"  che non cambia di colore e quindi non apre il sottomenù.
o ancora meglio cambiare tipo di menù e togliere works che come separatore non serve a niente,  e poi di spazio ne hai tantissimo e la cosa non giustifica un tipo di menù come quello che appunto serve quando non hai spazio
al posto di works metteresti sculture e poi le due sottocategorie
del tipo
- sculture
---- make .......
----props .....
ecc...

[gaga76]

lavora bene, il menù si apre quando si passa sul padding  cioè la zona di colore diverso,  potresti ridurre il paddind lasciano così a sinistra una "corsia"  che non cambia di colore e quindi non apre il sottomenù.
o ancora meglio cambiare tipo di menù e togliere works che come separatore non serve a niente,  e poi di spazio ne hai tantissimo e la cosa non giustifica un tipo di menù come quello che appunto serve quando non hai spazio
al posto di works metteresti sculture e poi le due sottocategorie
del tipo
- sculture
---- make .......
----props .....
ecc...

No aspetta Francesco, non ho capito molto.
Il cliente ha visto questa grafica/template e quindi non posso cambiare il menu.
Vuole assolutamente una voce Works, che aprendosi a tendina fa vedere le tre sottovoci.

Sul padding invece ... quale cambiare per impedire al soffio di mouse di far aprire le sottovoci?

[adottauncane]

Non è il margin-left che devi modificare ma il left
la riga è dalla 19 in giù.
Guarda bene e fai la correzione giusta.

[adottauncane]

lavora bene, il menù si apre quando si passa sul padding  cioè la zona di colore diverso,  potresti ridurre il paddind

No, il sottomenù si apre anche se passi fuori dal menù. È questo il problema.

[gaga76]

Non è il margin-left che devi modificare ma il left
la riga è dalla 19 in giù.
Guarda bene e fai la correzione giusta.

Grandeeeeeee 

Grazie Grazie Grazieeee era la riga 25 che aveva un valore -999.
Grazieeeeeee

[56francesco]

No, il sottomenù si apre anche se passi fuori dal menù. È questo il problema.

io sto con ubuntu e firefox e non noto niente
di solito quando mi capita questo è un problema di codice troppo annidato, dovrei passare dalla partizione win e provare da li con anche con altri browser..

[gaga76]

eh io ho provato con chrome, firefox, safari  e IE e dava lo stesso problemone.
adesso funziona tutto.

Grazie tantissime ad entrambi.

[56francesco]

vedi anche che il sottomenù si è spostato verso sinistra  in mezzo alla colonna dei menù?

[adottauncane]

Grazie Grazie Grazieeee era la riga 25 che aveva un valore -999.
Grazieeeeeee

No, per la verità non aveva in valore -999 ma 250px. Lo vedi con firebug, il valore -999 veniva sovrascritto dall'element style. Per questo ho aggiunto !important

Firebug dà la prima riga di codice, io scrivo quella, poi la correzione è possibile sia da fare qualche riga più sotto. Questo in generale, per le prossime volte che riceverai indicazioni.

[adottauncane]

vedi anche che il sottomenù si è spostato verso sinistra  in mezzo alla colonna dei menù?

Sì è quello che volevamo ottenere. Così non ha più il problema che passando con il cursore sul testo si apra il sub menù. Era questo che chiedeva e a questo ho risposto, premettendo che non è la soluzione ottimale ma comunque, a mio avviso, gradevole e funzionale allo scopo.

[56francesco]

si era solo per confermare la modifica anche da questo altro pianeta 

[adottauncane]

Grazie da questo pianeta al tuo...

[gaga76]

Grazie da questo pianeta al tuo...

 
siete uno spettacolo!!!

No, per la verità non aveva in valore -999 ma 250px. Lo vedi con firebug, il valore -999 veniva sovrascritto dall'element style. Per questo ho aggiunto !important

Firebug dà la prima riga di codice, io scrivo quella, poi la correzione è possibile sia da fare qualche riga più sotto. Questo in generale, per le prossime volte che riceverai indicazioni.

Si certo.... Teacher

Ancora Grazie e grazie.