Comment aligner les photos en php

Résolu
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   -  
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention   - 5 mai 2017 à 14:10
Bonsoir , j'aimerai savoir si l'un d'entre vous avez une astuce pour aligner des photos en php ?

Par exemple j'aimerai en aligner 3 sur une même ligne mais j'ai toujours un retour a la ligne.

Serai-ce à cause du foreach qui forme des blocs du coup ?

Merci , promis apres j'embete plus :p

Pour info mon code d'affichage ressemble à cela : 
  <?php  foreach ($billets as $billet): ?>

<table><tr>
    <td nowrap="nowrap">  <a href="description.php?affiche=<?=$billet['id']?>">    <?php
            if($billet['photo']!=""){
            $photo = "uploads/".$billet['photo'];
            echo  "<img width='200px' height='150px' src='$photo'>";
            }
            ?></a></td>
</tr>
<tr><td nowrap="nowrap"><center><a href="description.php?affiche=<?=$billet['id']?>"> <h3><?= $billet['titre'] ?></h3></A></center></td></tr><tr>
<td nowrap="nowrap"><center><i><font color="grey"><h5><?= $billet['prix'] ?></h5></font></i></center></td></tr></table>

    <?php endforeach; ?>
A voir également:

2 réponses

Réponse 1 / 2
jordane45 Messages postés 38480 Date d'inscription   Statut Modérateur Dernière intervention   4 746
 
Bonjour,

aligner des photos en php ?

Non ... pas en PHP ...

Tout ce qui est affichage/mise en forme .. c'est côté HTML et CSS.
Je déplace ton sujet dans le bon forum.


0
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
Ah d'accord merci c'est gentil :3 !

Du coup je ne sais pas comment faire la mise en forme a cause du foreach. Merci
0
jordane45 Messages postés 38480 Date d'inscription   Statut Modérateur Dernière intervention   4 746 > MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
Non ce n'est pas " à cause " du foreach .....

Dans ta boucle .. tu créés des TABLE (des tableaux html) pour chaque image ...
Si tu veux en aligner 3 ... il faut donc que leur largeur ne dépasse pas le 1/3 de la zone ....
et que le conteneur de ces tableaux soit en display : inline-block

En gros 
<div id="conteneur">
    <table>
        <td><th>Image1</td></tr>
    </table>
    <table">
        <td><th>Image2</td></tr>
    <table>
    <table>
        <td><th>Image 3</td></tr>
    <table>
</div>



table {
    width: 30%;
    border: 2px solid black;
}
table{ 
    float: left; 
}

 
#conteneur {
    width:500px;
margin:auto;
}
0
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
Merci beaucoup Jordane. Je suis au lit je testerai ça demain :3 je croise les doigts pour que ça marche :3
Par contre je dois créer plusieurs table ? Car mes images viennent d'un appel php du coup je peu faire qu'une table non ?
Désolée si mes questions paraissent bêtes :s
0
Réponse 2 / 2
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
Super ça marche merci ! Par contre mon tableau sort de mon div principal :s 
 <div id="divMain">
      <h2><center>Articles disponibles en magasin </center></h2>


<?php

    $bdd = new PDO('mysql:host=localhost; dbname=valflexibles; charset=utf8','root', '');
    if(isset($_GET['affiche']) AND !empty($_GET['affiche'])) {
      $affiche=(int) $_GET['affiche'];
    $req=$bdd->prepare('SELECT * from article where id = ?');
  $req->execute(array($affiche));

  } // fin de la fonction
   $billets = $bdd->query('select * from article
       order by id desc');?>


  <?php  foreach ($billets as $billet): ?>


<table>
  <p><tr><td nowrap="nowrap">    <a href="description.php?affiche=<?=$billet['id']?>">    <?php
            if($billet['photo']!=""){
            $photo = "uploads/".$billet['photo'];
            echo  "<img width='200px' height='150px' src='$photo'>";
            }
            ?></a><p></th></td></tr>
<tr><td nowrap="nowrap"><a href="description.php?affiche=<?=$billet['id']?>"> <h3><?= $billet['titre'] ?></h3></A></td></tr>
<tr><td nowrap="nowrap"><i><font color="grey"><h5><?= $billet['prix'] ?></h5></font></i></td></tr></td>

</table>

    <?php endforeach; ?>


</div>

#divMain {
  background-color:white;margin-left:auto;margin-right:auto;
  position:relative;width:900px;height:auto;top:60px;border-width:2px; border-style: solid;border-color: black;border-radius: 5px 10px 0 5px;
}
0
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
Ce pourrait-il que ça soit a cause du float- left ? 
  table{
          float: left;
          margin-left: 30px;
          margin-top:50px;
      }
0
Pitet Messages postés 2826 Date d'inscription   Statut Membre Dernière intervention   526 > MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
Effectivement, les éléments en float sortent de leur conteneur. Tu peux trouver plusieurs solutions pour corriger ce problème ici : https://www.alsacreations.com/astuce/lire/7-depassement-flottants-css.html
0
MalonTails Messages postés 86 Date d'inscription   Statut Membre Dernière intervention  
 
Merci pour le lien il m'a permet de résoudre mon problème !
0

Discussions similaires

Autoriser marketplace à accéder à toutes mes photos
Natemvi -
Noureddine -

1 réponse