Bonjour,
j'ai un petit problème à propos du hover sur les éléments de mon menu horizontale.
Je veux que quand je survol un élément de mon menu et que je passe à un élément de sous menu, l'élément principal ne garde plus la couleur afféctée au survol(reprend sa couleur normal).
voilà mon code:
Code HTML
Code CSS
Merci d'avance
j'ai un petit problème à propos du hover sur les éléments de mon menu horizontale.
Je veux que quand je survol un élément de mon menu et que je passe à un élément de sous menu, l'élément principal ne garde plus la couleur afféctée au survol(reprend sa couleur normal).
voilà mon code:
Code HTML
<div class="menu">
<ul id="menux">
<li><a href="">Acceuil</a>
</li>
<li><a href="">Front-office</a>
<ul>
<li><a href="">HTML</a></li>
<li><a href="">CSS</a></li>
<li><a href="">JAVASCRIPT</a></li>
</ul>
</li>
<li><a href="">Back-office</a>
<ul>
<li><a href="">PHP</a></li>
<li><a href="">MYSQL</a></li>
</ul>
</li>
<li><a href="">Services</a>
<ul>
<li><a href="">Developpement informatique</a></li>
<li><a href="">Telecommunication</a></li>
<li><a href="">Installation & maintenance</a></li>
<li><a href="">Conseil</a></li>
</ul>
</li>
<li><a href="">Nous sommes</a>
</li>
<li><a href="">Contacter</a>
</li>
</ul>
</div>
Code CSS
#menux a{
text-decoration:none;
color:black;
display:block;
font-family:comic sans ms;
text-align:center;
}
#menux li,#menux li li{
position:relative;
display:inline-block;
width:100px;
margin:-2px;
padding:10px 41.2px;
background-color:rgb(72,177,255);
/* background-image:linear-gradient(#00605d,#008782,#00605d); */
}
#menux > li:hover,#menux > li li:hover{
background-color:rgb(255,116,12);
}
/* FIXE DU MAX-HEIGHT*/
#menux ul{
position:absolute;
top:43px; left:1px;
max-height:0;
margin:0;
padding:0;
overflow:hidden;
transition:1s max-height 0.3s;
border-radius:0 0 10px 10px;
}
#menux li:hover ul{
max-height:200px;
Merci d'avance
