Creazione di un menu orizzontale per sito web tramite css e relativo html
Ho già intavolato la medesima discussione con il titolo diverso [Come creare un menu orizzontale per sito web con fogli di stile css e relativo html] ma non avendo ricevuto risposta da nessuno ho deciso di ritentare.
Dunque, come dicevo nella prima discussione, vorrei creare un menu orizzontale per un sito web. Ho già pronti il foglio di stile css e il codice html, però attualmente le sezioni del menu sono senza sottosezioni.
Nella pratica vorrei inserire delle sottosezioni e farle apparire quando si passa col puntatore del mouse sopra il pulsante nella sezione principale.
Non so come creare il foglio di stile css per fare in modo di ottenere tale effetto.
Inserisco qui i due codici css e html su cui sto lavorando:
Codice css:
Codice:
/*** Nav ***/
#nav {width:1240px;background:#666;color:#fff;}
#nav a {color:#fff; padding:15px 20px;display:inline-block; text-decoration:none; text-transform:uppercase;font-family:oswald;}
#nav a:hover{background:#333;}
/*** Slider ***/
.slider-wrapper {width:100%;}
Codice html:
Codice HTML:
<div id="nav"><a href="http://www.miosito.com/">HOME PAGE</a> <a href="http://www.miosito.com/">CONTATTAMI</a> <a href="http://www.miosito.com">CHI SONO</a>
</div>
<div class="slider-wrapper theme-default">
Qualcuno saprebbe scrivermi il codice html per ottenere la tendina con le sottosezioni che escono fuori e poi anche il realtivo foglio di stile per far funzionare il tutto? Nel codice html che mi scriverete potete nominare le sottosezioni come vi pare, tanto dopo le rinomino io. Grazie!
