debug image

WEB/ressources/navbarhtml.css

@@ -1,45 +1,55 @@
-#menuDiv{
+#menuDiv {
-  width: 100%;
+    width: 100%;
-  display: block;
+    display: block;
 }
 
-#menuDiv a{
+#menuDiv a {
-  font-family: Ubuntu,Helvetica,sans-serif;
+    font-family: Ubuntu, Helvetica, sans-serif;
-  font-size: 1em;
+    font-size: 1em;
-  height:20%;
+    height: 20%;
 }
 
 #menu {
-  display: flex;
+    display: flex;
-  flex-direction: row;
+    flex-direction: row;
-  flex-wrap: wrap;
+    flex-wrap: wrap;
-  justify-content: center;
+    justify-content: center;
-  background-color: rgb(65, 154, 28);
+    align-items: center;
+    background-color: rgb(35, 35, 35);
 }
 
-#logo{
+#logo {
-  height: 70%;
+    width: 50%;
-  margin-left: 1%;
+    height: auto;
+}
+
+#divFlex{
+    display: flex;
+    flex-wrap: nowrap;
+    width: 10%;
+    min-width: 5em;
+    padding: 0;
+    text-align: center;
+    align-items: center;
 }
 
 .menuItem {
-  display: flex;
+    display: flex;
-  flex-wrap: nowrap;
+    flex-wrap: nowrap;
-  align-items: center;
+    justify-content: center;
-  justify-content: center;
+    color: white;
-  color: white;
+    width: 10%;
-  width: 9%;
+    min-width: 5em;
-  min-width: 5em;
+    font-weight: bold;
-  font-weight: bold;
+    text-decoration: none;
-  text-decoration: none;
+    padding: 0.8em;
-  padding: 0.8em;
+    border-bottom: 4px solid rgb(35, 35, 35);
-  border-bottom: 4px solid rgb(65, 154, 28);
+    border-top: 4px solid rgb(35, 35, 35);
-  border-top: 4px solid rgb(65, 154, 28);
+    font-size: 1.1em;
-  font-size: 1.1em;
+    text-align: center;
-  text-align: center;
+    align-items: baseline;
 }
 
-.menuItem:hover{
+.menuItem:hover {
-  cursor: pointer;
+    border-bottom: 4px solid rgb(65, 154, 28);
-  border-bottom: 4px solid rgb(23, 23, 23);
 }

WEB/ressources/navbarhtml.php

@@ -6,11 +6,10 @@ if (file_exists("./inscription.php")) {
 ?>
 <div id="menuDiv">
     <nav id="menu">
-		    <a href="../tableauBord/tableauBord.php"> <img src="../ressources/logo.png" alt="logo Upssi'Covoit" id="logo"/> </a>
+        <div id="divFlex"><div id="divlogo"><img src="../ressources/logo.png" alt="logo Upssi'Covoit" id="logo"/></div></div>
         <a class="menuItem" href="<?php echo $path ; ?>../tableauBord/tableauBord.php">Tableau de bord</a>
         <a class="menuItem" href="<?php echo $path ; ?>/inscription.php">Trajets publiés</a>
         <a class="menuItem" href="<?php echo $path ; ?>/inscription.php">Trajets réservés</a>
-        <a class="menuItem" href="<?php echo $path ; ?>/inscription.php">Messagerie</a>
         <a class="menuItem" href="<?php echo $path ; ?>/inscription.php">Avis reçus</a>
         <a class="menuItem" href="<?php echo $path ; ?>/inscription.php">Avis laissés</a>
         <a class="menuItem" href="<?php echo $path ; ?>../profil/profil.php">Profil</a>