Questo sito utilizza cookies solo per scopi di autenticazione sul sito e nient'altro. Nessuna informazione personale viene tracciata. Leggi l'informativa sui cookies.
Username: Password: oppure
HTML / CSS - Menu a comparsa laterale.
Forum - HTML / CSS - Menu a comparsa laterale.

Avatar
ulven (Normal User)
Rookie


Messaggi: 43
Iscritto: 18/07/2010

Segnala al moderatore
Postato alle 8:35
Giovedì, 21/07/2011
Ho qualche problema nella creazione di un menu come quello di questo sito.
Ho già dato un'occhiatina ai sorgenti, ma mi sfugge ancora il meccanismo.
Quel che ho scritto fin'ora è qualcosa del genere:
Codice sorgente - presumibilmente Plain Text

  1. <ul id="sub">
  2.   <li><a href="#">Elemento 1</a></li>
  3.     <ul style="display:none">
  4.       <li>Sottoelemento 1</li>
  5.     </ul>
  6.   </li>
  7. </ul>



e il CSS
Codice sorgente - presumibilmente Plain Text

  1. #sub il:hover ul {display:block;}


Manca un bel po' di roba, ma non saprei dove mettere mani per fare più di così al momento ho cercato in mille mila tutorial...

PM
Avatar
HeDo (Founder Member)
Guru^2


Messaggi: 2765
Iscritto: 21/09/2007

Up
2
Down
V
Segnala al moderatore
Postato alle 8:44
Giovedì, 21/07/2011

praticamente devi far si che i sotto elementi siano nascosti fintanto che il mouse non passa sopra l'elemento padre, a quel punto li mostri :)

Ultima modifica effettuata da HeDo il 21/07/2011 alle 8:45
Ho risolto, ho risolto. Il meccanismo l'avevo capito e con il CSS c'ero pure. Ho solo fatto un'errore madornale nell'HTML: ho messo il secondo <ul>, quello nascosto, fuori dal suo <li> che avrebbe dovuto far da padre... - ulven - 21/07/11 09:06
PM
Avatar
fantarcola (Normal User)
Rookie


Messaggi: 26
Iscritto: 04/02/2010

Up
0
Down
V
Segnala al moderatore
Postato alle 2:24
Mercoledì, 25/07/2012

PM