Come creare un menu orizzontale per sito web con fogli di stile css e relativo html
Salve, 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 sono senza delle sottosezioni.
In pratica vorrei inserire delle sottosezioni e farle apparire quando uno passa col puntatore del mouse nel pulsante della sezione principale.
So come creare il codice html per ottenere le sottosezioni, ma non so come creare il relativo foglio di stile css per fare in modo che funzioni.
Ecco i due codici css e html su cui sto lavorando:
Codice css:
/*** 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:
<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 potrebbe scrivermi sia il codice html con l'aggiunta delle sottosezioni e poi il realtivo foglio di stile? Nel codice html che mi scriverete potete nominare le sottosezioni come vi pare, tanto dopo le rinomino io. Grazie!