Menu Drop Down che non si vede

**killumix** · 22-12-2014, 12:58

Salve amici del forum

seguendo un po di line guida e addentrandomi un po di più nell'utilizzo dei css , riscontro un problema nel realizzare un menù con effetto Drop Down.

Ho ricontrollato anche i percorsi con i quali richiamo l'elemento div interno con le voci di tendina drop down ma sinceramente non ne vengo a capo.

codice css:

<style type="text/css">

ul{margin:0;padding:0;list-style:none;}
li{margin:0;padding:0;}

ul#menu li{float:left;margin-right:5px;}
ul#menu li a{display:block;background:#FF9900;text-decoration:none; padding:5px 10px;}
ul#menu li a:hover{background:#FFCC66;text-decoration:none; padding:5px 10px;}

ul#menu li ul{display:none;}
ul#menu li:hover ul{display:block;}

</style>

codice html solo body

<body>
<ul id="menu">
<li><a href="#">HOME</a></li>

<li>

<a href="#">CHI SIAMO</a>

<ul>
<li><a href="#">staff</a></li>
<li><a href="#">mission</a></li>
<li><a href="#">project</a></li>
</ul>
</li>

<li><a href="#">AZIENDA</a></li>
<li><a href="#">CONTATTI</a></li>
</ul>
</body>

**Fandango Visual** · 23-12-2014, 17:54

Ciao, ho provato il codice che hai condiviso e il risultato era che passando sul link "Chi siamo" si apriva una tendina dropdown ma le voci in lista di questa tendina erano tutte affiancate e non una sotto l'altra, inoltre il pulsante del chi siamo si allargava. E' questo il problema che hai riscontrato?
Se è come ho descritto ti basta dare un "clear: left;" agli elementi li del dropdown, in questo modo:

codice:

<ul><li style="clear: left;"><a href="#">staff</a></li>
<li style="clear: left;"><a href="#">mission</a></li>
<li style="clear: left;"><a href="#">project</a></li>
</ul>

Ovviamente io ho messo CSS in linea per fare un esempio

**killumix** · 31-12-2014, 16:02

Ciao

In realtà il codice era esatto non mi andavano in block gli elementi della sottolista strano ma vero ma con la versione di internet explorer ora no nso quale versione tengo che non uso da anni ormai ma era impostato come browser di default , attraverso dreamweaver, con crhome invece è ok senza mettere il clear e mettendo un float:none; in maniera tale da farli scorrere nel flusso regolare del documento. Grazie cmq e Buon Anno

Discussione: Menu Drop Down che non si vede

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Menu Drop Down che non si vede

Permessi di invio