modif de la nav bar

This commit is contained in:
Bezza Younes 2024-11-29 08:55:38 +01:00
parent 01b2cba80d
commit 666e1d8467
2 changed files with 47 additions and 4 deletions

View file

@ -4,15 +4,28 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Démineur</title> <title>Démineur</title>
<link rel="stylesheet" href="style.css">
</head> </head>
<body> <body id="body_demineur">
<div id="div_nav_demineur">
<nav id="nav_demineur"> <nav id="nav_demineur">
<div class="item_nav">
<a href="main.html">Home</a> <a href="main.html">Home</a>
<a href="https://demineur.nhtdev.com/fr/rules">Help</a>
Temps:
Mines restantes:10
</nav>
</div> </div>
<div class="item_nav">
<a href="https://demineur.nhtdev.com/fr/rules">Help</a>
</div>
<div class="item_nav">
Temps:
</div>
<div class="item_nav">
Mines restantes:10
</div>
</nav>
<div id="jeu">ICI se retourve le jeu</div>
</body> </body>
</html> </html>

View file

@ -0,0 +1,30 @@
#nav_demineur{
width: 100%;
background-position:0cm;
background-color: #2bd7d484;
border-width: 2px;
border-style: double;
height: 25px;
display: flex;
justify-content:flex-start;
}
#body_demineur{
background-color: rgba(128, 128, 128, 0.544);
margin: 0;
}
#jeu{
display: flex;
justify-content: center;
/* border-width: 2px;
border-style: double; */
}
.item_nav{
margin-top: 3px;
padding-right: 10px;
}