Mise en page avec PHP

Signaler
Messages postés
1
Date d'inscription
jeudi 4 juin 2020
Statut
Membre
Dernière intervention
4 juin 2020
-
Bonjour tout le monde,
J’aimerai mettre 3 images dans le bloc rouge et dès que ce bloc est complet recréer un bloc au-dessus ou les images ce mettent automatiquement et ainsi de suite des que de nouveaux élément sont dans ma table.
J'ai essayé différentes façon mais rien n’a était concluent jusqu’à maintenant.
Mon code de base est le suivant:

<!DOCTYPE html>
 <html>
  <head>
   <title>a</title>
   <meta charset="utf-8">
   <style type="text/css">
    #conteneur{
    width: 1800px;
    height:451px;
    margin: 40px 0px 0px 40px;
    display: flex;
    justify-content: space-around;
    background-color: red;
   </style>
   }
  </head>

  <body>
   <?php

    $db = new PDO('mysql:host=localhost;dbname=e-commerce', 'root', '');
    $select= $db->prepare("SELECT * FROM produits ORDER BY id ASC");
    $select->execute();

    while($s=$select->fetch(PDO::FETCH_OBJ)) {

   ?>
     <div id="conteneur">
      <a href="lien.php?id=<?php echo $s->id;?>&title=<?php echo $s->title;?>#div1">
       <img src='img3/<?php echo $s->title; ?>'/>
      </a>
     </div>
   <?php
    }
   ?>
  </body>
 </html>


Résultat voulut:


Ce que j’ai:



Comment puis-je faire? Merci.
Message modifié par la modération
Pour une lecture plus facile du code, à l'avenir utilisez les balises, VOIR CETTE PAGE