Buongiorno DrupalMondo
in questi giorni sto guardando il mio nuovo sito dai PC più disparati e anche da qualche MAC ...e devo dire che "computer che usi, sito che vedi!" nel senso che ogni volta mi trovo a fronteggiare qualcosa che da me si vede benissimo e da altri PC No!
Il problema principe di oggi è che gli utenti con una risoluzione video bassa (caratteri e oggetti grandi) vedono il menu su due righe anzichè su una e, trattandosi di un Drop Down, succede che le voci del sottomenu finiscono sotto la voce di menu principale ...il che è disastroso soprattutto perchè il sito è dedicato ad over60 non esperti di pc, per cui molti di loro hanno lo schermo impostato in bassa risoluzione e molti con un menu che si sovrappone si, giustamente, perdono!
Allego due immagini di come vedo io e come vede chi ha il menu su due righe, così è più chiaro!
Pensavo di dover lavorare sullo z-index nei CSS ma è già ad 1 per il menu principale e 99 per il sottomenu...
Uso il Tema ZeroPoint - fluido - menu dropdown
HELP PLEASE!!!!
Nadia disperata
Potresti dare una larghezza fissa alla pagina, tenendo conto che la maggior parte dei monitor parte da una larghezza di 1024px, poi imposti il menu di conseguenza.
Grazie Krima
avevo infatti impostato la larghezza fissa in prima analisi poi l'ho cambiata fluida perchè mi sembrava che questo permettesse al sito di addattarsi meglio a tutte le situazioni (dando lezioni di computer a domicilio vedo pc un po' di tutti i tipi in uso al "target" di utenti per questo sito!)
Forse però la larghezza fissa è ancora quella migliore.
Adesso provo e se poi vedo che comunque non lavora bene torno alla carica!
Allora ho provato a fare un po' di modifiche tra cui mettere la larghezza fissa a 1024px ...ma non va bene! Non per il menu almeno!
La soluzione più immediata sarebbe abbreviare le parole a menu (mettendo ad esempio "programmi" anzichè "programmi del computer")
Solo che una delle mie esigenze principali, visto che il sito rivolto a persone anziane che imparano ad usare il PC, è che il menu sia mooooolto parlante. E vi assicuro che per molti dei miei utenti la parola Programma non ha un gran significato! men che meno parole come hardware e software!
Inoltre al momento ho sei voci di menu ma potrebbero anche aumentare!
Quindi devo proprio riuscire a sistemare il CSS in modo che il sottomenu sia ben visibile anche se il menu è su due righe
...stamattina ne ho provate di ogni ma la mi conoscenza di CSS non è purtroppo sufficiente per venirne a capo da sola
Confido molto nel buon cuore di voi web esperti così da risolvere velocemente e dedicare queste ore a scrivere articoli!!!
ancora grazie
ancora nadia!
Posto che mi resta sempre il desiderio di capire perchè il sub-menu con z-index 99 restava sotto il menu conz-index 1...
Ho risolto! Non come immaginavo ma al momento mi va bene così!
Spiego in breve a beneficio dei polli come me!
Ho guardato il problema da una prospettiva diversa e mi sono chiesta "perchè il menu va a capo invece di uscire semplicemente dallo schermo come vedo accadere in altri siti?"
Analizzando il foglio CSS ho visto che c'era una voce che sembrava importante e che non avevo ancora visto operare (uso firebug di mozilla su firefox per vedere dove opera il codice) tale
body.layout-jello .sizer 0 (o .expander 0)
e poi mi sono ricordata che nel tema oltre ai Layout Fixed e Fluid (di cui si da spiegazione e possibilità di personalizzazione già insita nel costom.css) avevo visto anche un Adaptive riguardo al quale non trovavo nessuna spiegazione
Quindi ho impostato Adaptive come lay-out e TA-DA!!! ecco apparire body.layout-jello in uso
a questo punto ho modificato così
width: 40% portato a 90%
max-width: 160px portato a 320px
aggiunto min-width: 160px
RISULTATO
non solo sullo schermo con risoluzione 1024x768 va a capo solo l'ultima voce di menu (potrei far stare tutto su una sola riga ma per ora va bene così) risolvendo il problema oggetto del post
ma anche ...sul mio schermo da 20 pollici il sito evita di espandersi a tutto schermo (cosa che personalmente trovo fastidiosissima perchè non riesco a leggere i contenuti!)
due piccioni con una fava!
nadia
Non credo che sia la soluzione corretta. Ora il secondo sottomenù non è coperto, ma mezzo sito è fuori dallo schermo e diventa poco fruibile.
ciao
www.gmpe.it