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 ;
}