Discussion :

[toulousain3117]

Bonjour à tous

je vous écris pour vous demandez votre aide

j'ai un vieux tableau que j'aimerai modifier en css c'est un tableau qui affiche dans mon cas les images miniature par X colonnes

pouvez me donner un coup de main etand une bille en css ?
voila mon tableau tous moche :

Code php :

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
<?php
session_start();
include("mysqlcon.php");
// $NbreData : le nombre de données à afficher
// $NbrCol : le nombre de colonnes
// $NbrLigne : calcul automatique a la FIN
// -------------------------------------------------------
// (exemple)
$NbrCol = 7;
$iduser = 1;
// requête
$table = 'albums';
$condition = ' WHERE id_user = $iduser LIKE b% ORDER BY DONNEE ASC';
$query = "Select * from albums where id_user='$iduser'";
$result = mysql_query($query);
// -------------------------------------------------------
$NbreData = mysql_num_rows($result);
// -------------------------------------------------------
// affichage
$NbrLigne = 0;
if ($NbreData != 0) {
$j = 1;
echo '<table border="0">';
while ($val = mysql_fetch_array($result)) {
	$mini = $val['miniature'];
   if ($j%$NbrCol == 1) {
      $NbrLigne++;
      echo "<tr>";
      $fintr = 0;
   }
 
    // ------------------------------------------
    // AFFICHAGE des DONNEES de la fiche
?><td>
  <input type="checkbox" name="photo"></td> <td><img src="<?php echo $mini; ?>" alt="">
<?php
  // ------------------------------------------
   echo '</td>';
   if ($j%$NbrCol == 0) {
      echo "</tr>"; 
      $fintr = 1;
   }
   $j++;
}
if ($fintr!=1) { echo '</tr>'; }
echo '</table>';
} else {
echo 'pas de données à afficher';
}
// déconnexion de la base
mysql_close(); 
?>

cordialement

[gene69]

salut,

à ta place je ferais une liste de miniatures, cad

Code html :

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

1
2
3
4
<ul class="miniatures">
<li ><div>blablalba</div></li>
<li ><div>blablalba</div></li>
</ul>

et je déclarerai les "li" en display:inline et le div interne avec une taille fixe (width et height fixé). ça te fait une sorte de vignette qui vont se répartir en autant de colonnes que possible sur l'écran (en fonction de la taille de celui ci )

[Invité]

Bonjour,

ton script me fait penser au mien : Affichage de données dans un tableau HTML
Cela dit, j'ai depuis mis à jour mon tuto pour passer en PDO.

Explique plus clairement le type d'affichage que tu veux. (copie d'écran, code html généré,...)

Je pense que l'utilisation de flexbox serait une bonne solution (plus "moderne").

• "CSS flexbox"

NEANMOINS, les <table> ne sont pas obsolètes pour autant, puisqu'elles servent toujours à l'affichage de données tabulaires !

[toulousain3117]

Bonjour désolé de mon temps de réponse mais j'avais oublié cette conversation ayant trouvé une solution rapidement.

ce que je ne me souvenais plus au moment du post c'etait qu'avec les div il y a automatiquement un retour a la ligne a la fin de l'écran.
j'ai donc fait tous simplement un div pour chaque image et cela fonctionne

Pour le PDO. je suis un peu le vieux de la vielle haha.

je me suis mis récemment au mysqli qui pour moi est facile d'utilisation.

bonne journée