Realiser un menu roll-over css3

Résolu
kinder77 Messages postés 134 Date d'inscription   Statut Membre Dernière intervention   -  
kinder77 Messages postés 134 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

voila je peine à réaliser un menu roll-over avec un background bleu et au survol une couleur orange je met mon code:
Mon menu:
<nav id="menu" role="navigation">

    	<ul>

      		<li> <a href="Acceuil.html"class="cellules">Accueil</a></li>

      		<li><a href="Gallerie.html" class="cellules">Galerie</a></li>

      		<li><a href="artistes.html" class="cellules"title="lien">Artistes</a></li>

      		<li><a href="commentaire.php" class="cellules">Commentaires</a></li>

      		<li><a href="contact.php" class="cellules">Contact</a></li>

      		

    	</ul>

  	</nav>


le css:
#menu ul {

	text-align: center;

	background-color:#BAF3EB;

	height:40px;

	line-height:40px;

	

background:#BAF3EB;

}

#menu ul li {

	text-align: center;

	display:inline;

	margin-right: 25px;

	margin-left: 25px;

}

#menu ul li a {

  

  color:#333 ;

 

  font:  "Trebuchet MS",Arial,sans-serif ;

  text-align: center ;

  text-decoration: none ;

	}

.cellules li a:hover,.cellules li a:focus, .cellulesli a:active {

  background: #900 ;

  text-decoration:none;

}

.cellules ul li a {

	

	color:#333 ;

 

  font:  "Trebuchet MS",Arial,sans-serif ;

  text-align: center ;

  text-decoration: none ;



	

	text-align: center;

	text-decoration:none;

	

}


voila je pense qu'il y a beaucoup d'erreurs si quelqu'un peut m'éclaire merci

2 réponses

  1. Profil bloqué
     
    Salut,

    As-tu essayé de mettre

    li{visibility:hidden;}

    et

    ul:hover li{visibility:visible;}
    0
  2. kinder77 Messages postés 134 Date d'inscription   Statut Membre Dernière intervention   9
     
    merci à toi
    0