Visualizzazione dei risultati da 1 a 2 su 2

Discussione: CSS html menu a tendina

  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2009
    residenza
    Roma
    Messaggi
    80

    CSS html menu a tendina

    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:
    <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 css-
    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;
    }

  2. #2
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    3,677
    Ciao, noto svariati errori nel markup HTML; dovresti prima di tutto correggere questi. Può esserti utile verificare il codice con un validatore: https://validator.w3.org/nu/#textarea

    Una volta che il codice HTML risulta valido allora puoi pensare ad organizzare il CSS.
    Prima di postare considera che tra i link utili puoi trovare il 75% delle risposte alle tue domande; il 15% tra i post del forum; il 9% sul web.
    Ti resta l’1% ... usalo bene!

    Le cattive domande sono quelle che non meritano risposta, le buone domande sono quelle che non hanno risposta
    L'Itailano non e nu'opnioine. E' improntate uslaro correattemtne sul froum. Garize!

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.