Salve sto creando un menu a tendina in html e css, ma non riesco a vedere quando passo su il menu l'hover a tendina , non mi escono i sotto menu, non so come fare, vi metto il codice che sto creando.
-CODICE HTML-
-codice css-codice:<html> <head> <title>Societa' di Servizi Associazione Commercianti </title> </head> <body> <h1 align="center">SOCIETA' DI SERVIZI ASSOCIAZIONE COMMERCIANTI</h1> <!--<table align="center" border="1">--> <link href="style.css" rel="Stylesheet"/> <ul> <li><a>Home</a></li> <ul> <li><a>Contatti</a></li> <ul> <li><a>Chi Siamo</a></li> <ul> <li><a>Lavora con noi</a></li> <ul> <li><a>Dove Siamo</a></li> <ul> <li><a>Partners</a></li> <ul> <li><a>Sponsor</a></li> <ul> <li><a>Enti</a></li> <ul> <li><a>Eventi</a></li> <ul> </table> </body> </html>
codice:body{ background:url('P.jpg') no-repeat; background-size:cover; font-family: Arial; color: blue; } ul{ margin: 0px; padding: 0px; list-style: none; } ul li { float: left; width: 150px; height: 40px; background-color: black; opacity: .8; line-height:40px; text-align: center; font-size: 20px; } ul li a{ text-decoration: none; color: white; display: block; } ul li a:hover{ background-color: blue; } ul li ul li{ display: none; } ul li :hover ul li{ display: block; }
Rispondi quotando
