Discussion :

[kluck3000]

Bonjour,

j'ai un problème pour la mise en forme de l'affichage de photos. je stocke les liens des photos dans ma base.Lorsque j'affiche mes photos, j'utilise un tableau mais toutes les photos restent sur la même ligne. J'aurais aimé spécifier le nombre de photos par ligne ou alors empêcher les photos qui nécessitent un scrollbar horizontal restent sur la même ligne.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
echo'<table border="1" bgcolor=grey>';
  echo'<tr>';
		$retour = requete_sql('SELECT id_photo,nom_photo,url FROM PHOTO GROUP BY id_photo DESC');
		while ($donnees = mysql_fetch_array($retour)) // On fait une  boucle pour lister les photos
		{
		$nom=($donnees['nom_photo']);
		$url=$donnees['url'];
 
		echo"<td><a href=../../".$url."><img title=\"$nom\" height=75 width=75 src=../../".$url." /></a>"; 
                echo'</td>';
 
  echo'</tr>';
echo'</table>';

[julien.63]

salut,
<tr></tr> permettent de délimiter une ligne dans un tableau html
<td></td> permettent de délimiter une cellule dans un ligne.

Donc en fait, dans ta boucle while, il faut que tu inséres des <tr> à intervalle régulier (par exemple tous les 5 itérations si tu veux 5 photos sur la même ligne) pour créer une nouvelle ligne.

[TheEwook]

Salut,

Juste un indice car on ne va pas de donner la solution tout de suite.
En général pour faire ça on utilise le signe modulo (signe : %)

Donc reprenant les éléments de julien.63 cela donne :

Code :

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

1
2
3
4
 if ( $i % 5 == 0 )
{
    ....
}

Bien sur il te faut une variable i qui s'incrémente au fur et à mesure dans ta boucle while.

[kluck3000]

J'ai fait ce que vous m'avez tous les deux expliqué, cela fonctionne à peu près. Dans le cas présent j'affiche normalement 5 photos sur une ligne, mais à l'affichage j'ai 4 photos sur la même ligne et la dernière photo juste en dessous.
Exemple :
Photo 1 Photo 2 Photo 3 Photo 4
Photo 5
Photo 1 Photo 2 Photo 3 Photo 4
Photo 5
etc.

J'ai essayé de faire varier le nombre de photos à 10 par exemple, même résultat (9 photos sur la même ligne et la dernière juste en dessous).

Code :

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
 
 
echo'<table border="1" bgcolor=grey>';
 
		$retour = requete_sql('SELECT id_photo,nom_photo,url FROM PHOTO GROUP BY id_photo DESC');
	$i=0;	
         while ($donnees = mysql_fetch_array($retour)) // On fait une  boucle pour lister les photos
	{
		$nom=($donnees['nom_photo']);
		$url=$donnees['url'];
 
	  $i++; 	
		if (($i % 5) == 0)
		{
		   echo'<tr>'; 
		}	
                echo"<td><a href=../../".$url."><img title=\"$nom\" height=75 width=75 src=../../".$url." /></a>"; 
                echo'</td>';
                 if (($i % 5) == 0)
		{
		   echo'</tr>'; 
		}
      }
echo'</table>';

[julien.63]

salut,
voici, ce que je ferais (y'a sûrement d'autres solutions plus élégantes )

Code :

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

1
2
3
4
5
6
7
8
9
10
<?php
 
echo '<table border="1"><tr>';
for ($i = 0 ; $i < 20; $i++){
	if ($i%5 == 0) echo '</tr><tr>';
	echo '<td>'.$i.'</td>';
}
echo '</tr></table>'
 
?>

[kluck3000]

J'ai mis en place ce tu m'as conseillé mais en fait une image est répétée plusieurs fois à cause de la boucle for.Parce que tu si tu regardes mon code je fais déjà une boucle while pour pouvoir récupérer toutes les photos de ma base.Par contre j'ai bien à chaque fois 5 photos sur une ligne.
exemple avec ton code :
Photo 1 Photo 1 Photo 1 Photo 1 Photo1
Photo 1 Photo 1 Photo 1 Photo 1 Photo1
jusqu'à la 5eme ligne Photo 1 puis photo 2 etc.

j'ai enlevé cette portion de code de la boucle for,mais si je le fais toutes les photos s'affichent les unes derrière les autres verticalement.

Code :

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

1
2
3
 
echo"<td><a href=../../".$url."><img title=\"$nom\" height=75 width=75 src=../../".$url." /></a>"; 
                echo'</td>';

[julien.63]

essaye avec ce code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$retour = requete_sql('SELECT id_photo,nom_photo,url FROM PHOTO GROUP BY id_photo DESC');
$i=0;	 
echo'<table border="1" bgcolor=grey><tr>';
while ($donnees = mysql_fetch_array($retour)) // On fait une  boucle pour lister les photos
{
	$nom=($donnees['nom_photo']);
	$url=$donnees['url'];
	$i++; 	
	if (($i % 5) == 0){
		echo'</tr><tr>'; 
	}	
    echo"<td><a href=../../".$url."><img title=\"$nom\" height=75 width=75 src=../../".$url." /></a>"; 
    echo'</td>';
}
echo'</tr></table>';

[kluck3000]

C'est presque parfait ! Pour une raison inconnue, seulement sur la première ligne il y a 4 photos qui s'affichent et sur les autres lignes il y a bien 5 photos.J'ai rajouté d'autres photos, j'ai essayé un modulo 10 ben toujours le même résultat 9 photos sur la première ligne et 10 photos sur les autres lignes.
C'est hallucinant ! En plus, sur la première ligne il affiche les 4 photos + le cadre de la 5ème sans photo.

[julien.63]

en fait c'est à cause du modulo.
essaye avec $i=-1; au lieu de $i=0;

[kluck3000]

enfin ça marche bien. merci beaucoup pour ton aide julien !