Menù dropdown da trasformare in drop... up

chiarastorti

Menù dropdown da trasformare in drop... up

Buongiorno forumisti,
ho un sito in HTML e CSS con un menù a fondo pagina cui sono collegati dei sottomenù che si aprono al passaggio con il mouse espandendosi verso il basso.
Essendo il menù a fondo pagina, sarebbe sicuramente meglio se si aprissero verso l'alto, ma non saprei come attuare questa modifica.

Il menù è:
[HTML]<ul>
<li><a href="index.html" target="_self" class="attivo" >Home</a></li>
<li><a href="galleria.html" target="_self" >Gallerie</a>
<ul>
<li><a href="galleria_01.html" target="_self" >01</a></li>
<li><a href="galleria_02.html" target="_self" >02</a></li>
<li><a href="galleria_03.html" target="_self" >03</a></li>
</ul>
</li>
</ul>[/HTML]

Il CSS è questo.

Spero abbiate qualche spunto o qualche soluzione da propormi.
Grazie per l'aiuto.

marinski

[HTML]
<ul>
<ul>
<li><a href="galleria_01.html" target="_self" >01</a></li>
<li><a href="galleria_02.html" target="_self" >02</a></li>
<li><a href="galleria_03.html" target="_self" >03</a></li>
</ul>
<li><a href="index.html" target="_self" class="attivo" >Home</a></li>
<li><a href="galleria.html" target="_self" >Gallerie</a>
</li>
</ul>
[/HTML]
Così non va bene?

chiarastorti

No Marinski,
la struttura di <ul> e <li> è nidificata, per determinare i sottomenù espandibili, quindi non si possono spostare a livello di codice HTML.

marinski

Classificare i sottomenù con i CSS dandoli come proprietà un margin-top negativo? Sicuramente non è un modo bellissimo per farlo ma penso funzionerebbe.

EDIT: No scusa ho visto adesso il sito e direi che non è una soluzione fattibile.
Non so come aiutarti mi dispiace!

codencode

Puoi postare l'HTML completo in modo da poterlo simulare con il CSS che hai allegato? Oppure un link al sito.

chiarastorti

Certo, il sito è lauracallegaro . it.

vnotarfrancesco

Qualcosa come questo potrebbe andare?
markschenk.com/cssexp/linebreakmenu/bottomsup.html

Valerio Notarfrancesco

codencode

Aggiungi [html]bottom: 19px;[/html] in .menu li ul

chiarastorti

@vnotarfrancesco said:

Qualcosa come questo potrebbe andare?
markschenk.com/cssexp/linebreakmenu/bottomsup.html
Valerio Notarfrancesco

Grazie Valerio, dovrò prendermi il tempo per studiarlo meglio perchè potrebbe funzionare, ma in quattro e quattr'otto non sono riuscita ad inserirlo correttamente nella pagina...

@codencode said:

Aggiungi [html]bottom: 19px;[/html] in .menu li ul

Grazie codencode, avevo provato questa soluzione, ma non è adatta, perchè, in base alla grandezza della finestra del browser o della risoluzione dello schermo, mi presenta il menù a fondo pagina in posizioni spesso incompatibili con la navigazione.

(non mi arrendo)