Le menu bouge lorsque j'affiche des informations

**chj06** · 18/05/2020, 16h02

Bonjour,

J'ai une page web où j'ai créé un menu déroulant à gauche et une barre de recherche au milieu lorsque je remplis le champ et je clique sur rechercher les informations s'affichent mais le menu bouge:il descend.

Lorsque j'ai mis nav: fixed comme j'ai vu dans plusieurs problèmes similaires, ça n'a pas marché. J'ai pas trouvé une solution pour mon problème.

Y-a t'il quelqu'un qui peut m'aider s'il vous plaît ? Merci

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
while ($donnees = $reponse->fetch())
{ //debut de la boucle while
  ?>
  <div>
  <?php echo "MSISDN=" , $donnees['MSISDN']; ?> <br>
<?php echo "nom_client=" , $donnees['nom_client']; ?>  <br>
<?php echo "type_box=" , $donnees['type_box']; ?>  <br>
<?php echo "type_offre=" , $donnees['type_offre']; ?> <br>
<?php echo  "delegation=" , $donnees['delegation']; ?> <br>
<?php echo "position géographique=" , $donnees['position geographique']; ?> <br>
<?php echo "plainte=" , $donnees['plainte']; ?> <br>
</div>
<style type="text/css">
div {
text-align: center;
 
}
</style>
<?php
}
}
}
else { $chaine="<div style=\"margin-left:460px;font-weight: bold;color: #BB0B0B\">Veuillez remplir le champ</div>";
}
}
?>
 
<!DOCTYPE html>
<html>
 <head>
  <meta charset = "utf-8">
  <title>Barre de recherche</title>
   <link rel="stylesheet" type="text/css" href="style4.css">
 
 </head>
 <body>
  <nav>
 <ul id="navigation">
 <br><br> <li><a href="secret.php" >Dashboard</a></li>
 <br> <li><a href="plaintes.php">Plaintes clients</a></li>
 <br> <li><a href="utilisateurs.php">Informations clients</a></li>
 <br> <li><a href="graphs.php">Graphs</a></li>
<br> <li><a href="fwba.php">MAP FWBA</a></li>
</ul>
</nav>
 <style type="text/css">
a:link
{
text-decoration:none;
}
a:hover {text-decoration : underline;}
 
</style>
 
<form action = "plaintes.php" method = "post">
  <input type = "search" name = "MSISDN" id="case" placeholder="MSISDN">
 <input type = "submit" name = "submit" value = "Rechercher" id="btn">
   <p>
 
    <?php
    echo "$chaine";
    ?>
   </p>
  </form>
  <style type="text/css">
    form {
      margin-top: -826px;
      margin-left: 200px;
    }
  </style>
  <footer>
 <?php
readfile('footer.html');
?>
</footer>
<style type="text/css">
  footer {
  margin-left: -260px;
  margin-top: 520px;
  }
</style>
 </body>
</html>

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
#navigation {
  width: 220px;
  list-style: none;
 
  margin-top: -82px;
  margin-left: -1px;
  padding: 0;
  background: black;
  color: #fff ;
height: 1000px;
font-size: 25px;
}
 
#navigation li a {
  display: block ;
  color: #fff ;
  font: 1em "Trebuchet MS",Arial,sans-serif ;
  line-height: 1em ;
  padding: 4px 0 ;
  text-align: center ;
}

**NoSmoking** · 19/05/2020, 08h53

Bonjour et bienvenue sur DVP.

Avant de continuer quoique ce soit il faut que le code HTML généré soit conforme, voir validation du code, car du peu que j'ai regardé c'est non conforme comme par exemple cette construction :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<nav>
  <ul id="navigation">
    <br><br>
    <li><a href="secret.php">Dashboard</a></li>
    <br>
    <li><a href="plaintes.php">Plaintes clients</a></li>
    <br>
    <li><a href="utilisateurs.php">Informations clients</a></li>
    <br>
    <li><a href="graphs.php">Graphs</a></li>
    <br>
    <li><a href="fwba.php">MAP FWBA</a></li>
  </ul>
</nav>