Déplacer un menu déroulant

  1. Accueil
  2. Forum
  3. Programmation
  4. HTML / CSS
  5. Déplacer un menu déroulant
Suivre ce topic
Ce topic est suivi par : Doppler, Alexandre1995
Alexandre1995

Alexandre1995 Le 8 octobre 2019 à 15:49

Bonjour / Bonsoir
Mon problème:
-J'ai un menu déroulant, je voudrai le mettre dans un tableau HTML dans mon menu déroulant il contient des variables PHP 
J'ai du montage pro pour vous faire comprendre : 
C'est tordu mais je pense que ça peut-être possible. 
Doppler

Doppler Le 8 octobre 2019 à 17:58

Salut @Alexandre1995

File ton code HTML stp, pour regarder un peu la structure...
Ça ne semble pas bien compliqué à faire...
Alexandre1995

Alexandre1995 Le 9 octobre 2019 à 09:19 (Édité le 9 octobre 2019 à 09:28)

@Doppler
Voici tous le code le menu déroulant est à la ligne 222 

<?php
session_start();
if(!isset($_SESSION['username'])){
    header('location:login.php');
}
?>
<html>
<head>
<meta charset="UTF-8" />
<title> Design </title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link type="text/css" rel="stylesheet" href="style.css?t=<? echo time(); ?>" media="all">
</head>
<body>
<section id="nav-bar">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <a class="navbar-brand" href="#"><img src="image/play.png"></a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <i class="fa fa-bars"></i>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item active">
        <a class="nav-link" href="#">Base Documentaire<span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="responsable/connexion.php">Les Menus</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#LesChoix">Les Choix</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">Contacte</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href=Site.php> N°<?php echo $_SESSION['username']; ?> </a>
      </li>
       <li class="nav-item">
        <a href="logout.php"><img src="image/logoout.png" class="logoout"></a>
      </li>
    </ul>
  </div>
</nav>
</section>
<!--------------banner section--------------->
<section id="banner">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="promo-title">Bienvenu 😀</p>
    <p>X vous souhaite un bon appétit !</p>
</div>
<div class="col-md-6 text-center">
<img src="image/repas.png" class="img-fluid">
</div>
</div>
</div>
    <img src="image/wave1.png" class="bottom-img">
</section>
<!---------Rêglement----------->
<section id="regle">
<div class="container text-center">
<h1 class="title">Les Menus</h1>
<div class="row">
<div class="col-md-4 regle">
<img src="image/Plat-img.png"   class="choix1-img">
</div>
<div class="col-md-4 regle">
<img src="image/Salade-img.png"   class="Choix1-img">
</div>
<div class="col-md-4 regle">
<img src="image/Sand-img.png"   class="choix1-img">
</div>
<div class="col-md-4 regle">
<img src="image/plus.png"   class="choixI11-img">
</div>
</div>
<div class="col-md-4 regle">
<img src="image/plus.png"   class="choixI12-img">
</div>
</div>
<div class="col-md-4 regle">
<img src="image/plus.png"   class="choixI13-img">
</div>
<div class="col-md-4 regle">
<img src="image/boisson-img.png" class="choix2-img">
</div>
<div class="col-md-4 regle">
<img src="image/plus.png"   class="choixI21-img">
</div>
<div class="col-md-4 regle text-center">
<img src="image/fruit-img.png" class="choix31-img">
<h4 class="Maxdessert">2 Dessert MAX</h4> 
</div>
<div class="col-md-4 regle">
<img src="image/yaourt-img.png" class="choix32-img">
</div>
<div class="col-md-4 regle">
<img src="image/fromage-img.png" class="choix33-img">
</div>
<div class="col-md-4 regle">
<img src="image/dessert-img.png" class="choix34-img">
</div>
<div class="col-md-4 regle">
<img src="image/fleche-img.png" class="choixf11-img">
</div>
<div class="col-md-4 regle">
<img src="image/fleche-img.png" class="choixf12-img">
</div>
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</div>
</section>
<!--------------------------Vos menus------------------>
<section id="about-this">
   <div class="container">
      <h1 class=title text-center id="LesChoix">Les choix :</div>
      <div class="row">
      <div class="col-md-6">
<?php
         if(isset($_SESSION['4'])){
?>
         <br />
         <a href="editionprofil.php">Editer mon profil</a>
         <a href="deconnexion.php">Se déconnecter</a>
         <?php
         }
         ?>
   </div>
   </div>
   </div>
<?php 
$PL1 = "Lasagne";
$DessertC = "Yaourt Fromage Dessert Fruit";
$BoissonC = "Coca-cola / Orangina Eau Minute_Maid_Orange";
$SandC = "Sandwich_30cm: Poulet crudités Jambon crudités Thon crudités";
?>
  <table border="5" class="text-center">
    <div class="Menu">
    <tr>
      <td> Lundi </td>
      <td> <?php echo $PL1; ?> </td>
      <td> <?php echo $PL2; ?> </td>
      <td> <?php echo $SandC; ?> </td>
      <td> <?php echo $SL1; ?> </td>
      <td> <?php echo $BoissonC; ?> </td>
      <td> <?php echo $DessertC; ?> </td>
    </tr>
    <tr>
      <td> Mardi </td>
      <td> <?php echo $PMa1; ?> </td>
      <td> <?php echo $PMa2; ?> </td>
      <td> <?php echo $SandC; ?> </td>
      <td> <?php echo $SMa1; ?> </td>
      <td> <?php echo $BoissonC; ?> </td>
      <td> <?php echo $DessertC; ?> </td>
    </tr>
    <tr>
      <td> Mercredi </td>
      <td> <?php echo $PMe1; ?> </td>
      <td> <?php echo $PMe2; ?> </td>
      <td> <?php echo $SandC; ?> </td>
      <td> <?php echo $SMe1; ?> </td>
      <td> <?php echo $BoissonC; ?> </td>
      <td> <?php echo $DessertC; ?> </td>
    </tr>
    <tr>
      <td> Jeudi </td>
      <td> <?php echo $PJ1; ?> </td>
      <td> <?php echo $PJ2; ?> </td>
      <td> <?php echo $SandC; ?> </td>
      <td> <?php echo $SJ1; ?> </td>
      <td> <?php echo $BoissonC; ?> </td>
      <td> <?php echo $DessertC; ?> </td>
    </tr>
    <tr>
      <td> Vendredi </td>
      <td> <?php echo $PV1; ?> </td>
      <td> <?php echo $PV2; ?> </td>
      <td> <?php echo $SandC; ?> </td>
      <td> <?php echo $SV1; ?> </td>
      <td> <?php echo $BoissonC; ?> </td>
      <td> <?php echo $DessertC; ?> </td>
    </tr>
    
    </div>
     <table border="5" class="text-center">
    <div class="Menu">
   ///////////////////////////////////Ici doopler//////////////////////////////////////
    <tr>
      <td> Lundi </td>
      <FORM>
      <SELECT name="Lundi" size="1">
      <OPTION>--Rien--
      <OPTION><?php echo $PL1; ?>
      <OPTION>$PL2
      <OPTION>SandL1
      <OPTION>SandL2
      <OPTION>SandL3
      <OPTION>SL1
</SELECT>
</FORM>
    </tr>
     <tr>
      <td> Mardi </td>
      <td> Plat1 </td>
      <td> Plat2 </td>
      <td> Sand1 </td>
      <td> Salade1 </td>
      <td> Boisson1 </td>
      <td> Yaourt </td>
      <td> Dessert </td>
      <td> Fruit </td>
      <td> Fromage </td>
    </tr>
     <tr>
      <td> Mercredi </td>
      <td> Plat1 </td>
      <td> Plat2 </td>
      <td> Sand1 </td>
      <td> Salade1 </td>
      <td> Boisson1 </td>
      <td> Yaourt </td>
      <td> Dessert </td>
      <td> Fruit </td>
      <td> Fromage </td>
    </tr>
     <tr>
      <td> Jeudi </td>
      <td> Plat1 </td>
      <td> Plat2 </td>
      <td> Sand1 </td>
      <td> Salade1 </td>
      <td> Boisson1 </td>
      <td> Yaourt </td>
      <td> Dessert </td>
      <td> Fruit </td>
      <td> Fromage </td>
    </tr>
     <tr>
      <td> Vendredi </td>
      <td> Plat1 </td>
      <td> Plat2 </td>
      <td> Sand1 </td>
      <td> Salade1 </td>
      <td> Boisson1 </td>
      <td> Yaourt </td>
      <td> Dessert </td>
      <td> Fruit </td>
      <td> Fromage </td>
    </tr>
<div class="row">
    <div class="col-md-6 text-center">
      <p class="about-title">Vos choix :</p>
    </div>
<div class="col-md-4 regle">
<img src="image/traiteur-img.png" class="Traiteur-img">
</div>
 </table>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<!----------------------Social Site--------------->
<section id="social-media"></section>
<div class="container text-center">
   <p>Retrouver X n'importe où !</p>
   <div class="social-icons">
      <a href="https://www.X.com/fr/facility/X-normadie"/><img src="image/aX-img.png"></a>
      <a href="https://fr-fr.facebook.com/X.official/"><img src="image/facebook-img.png"></a>
      <a href="https://twitter.com/X?lang=fr"><img src="image/twitter-img.png"></a>
      <a href="https://www.youtube.com/chXPQ"><img src="image/youtube-img.png"></a>
    <a href="https://fr.linkedin.com/company/Xh"><img src="image/linkedin-img.png"></a>
   </div>
</div>
</div>
</html>

Vous devez être connecté pour poster une réponse. Se connecter ou Créer un compte

Programmation, développement web, high-tech, etc. Je partage ma passion pour l'informatique à travers des tutos vidéos et articles en espérant qu'ils vous soient utiles ;-)

Échange
Articles / Vidéos
Ressources

© 2024 PrimFX.com. Tous droits réservés. Propulsé par Single Quote.