problème menu hamburger

a marqué ce sujet comme résolu.

Bonjour, la commuanuté j’ai un problème avec ma navbar sur un site j’essaye de créer un menu hamburger mais à la création du bouton ça donne pas le résultat voulu et je ne sais pas où est mon erreur merci pour votre aide

code HTML

<html>

<head>
    <meta charset="utf-8">
    <title>My company </title>
<link rel="stylesheet" href="style.css" >
</head>

<body>
    <div class="btn-navigation">
        <div class="barre"></div>
        <div class="barre"></div>
        <div class="barre"></div>
    </div>
    </div>
    </div>
    <header class="header_all">
       <nav>
        <ul>
            <li><a href="Contact.html">Contact</a> </li>
            <li><a href="Store.html"> Store</a> </li>
            <li><a href="Homepage.html">Home</a> </li>
            <li style="float:left"><a href="#about">Location de voiture</a></li>
        </ul>
        <div id="presentaion"></div>
        </div>

</ul>

</header>

</body>

</html>

code CSS

background-color: rgb(255, 255, 255);
width: 100%;
height: 100%;
padding: 0;
margin: 0px;
}


.header_all ul{
    text-align: center;
    color: white;
}
.header_all li{
display: inline;
padding: 0 5%;
}

.header_all a :hover{
    background-color: rgba(255,255,255, 0,6)
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(0, 0, 0);
}

li {
  float: right;
}

li:last-child {
  border-right: none;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 24px 8px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #111;
}

.active {
  background-color: rgb(151, 137, 8);
}

   .presentation {

    background-color: black;
    width:500px;
    height:80px;
   }

   .btn-navigation {
       position: absolute;
       right: 30px;
       top: 25px;
       background: rgb(172, 170, 170);
       z-index: 20;
   }

   .btn-navigation .barre {
       width: 30px;
       height: 3px;
       margin-top: 3px;
   }
Connectez-vous pour pouvoir poster un message.
Connexion

Pas encore membre ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte