Discussion :

[Sid05]

Bonjour,

J'ai une page PHP pour afficher des données de ma base de données.
Ces données (images + textes) s'affichent sous forme de liste et j'aimerais qu'elles se mettent sous 3 colonnes mais je ne sais comment faire. (je ne suis pas une pro...)

Voici en image:

Pièce jointe 170222

Et ce que j'aimerais: (image retouchée avec PSD)
Pièce jointe 170223

Et voici mon 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
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<?php 
include "include/connexion.inc.php" ; 
?>
 
<p class="titre_coordonnees" align="center"><legend>Nos Faire-part de naissance<br /><br /></p></legend><br /><br />
<ul>
<?php 
 
$sql = "SELECT * FROM tblfpnaissance";
	$rs = mysql_query($sql) or die ("Erreur de requête:$sql");
 
	$i=1 ;
	while($row=mysql_fetch_array($rs)) {
		extract($row) ;
	$url = "images/naissance/" . $photo1 . ".jpg" ;
	?>
 
<table>    
		<tr>
       		<td><a href="index.php?page=31&id_news=<?php print $row['id']; ?>"><img src="<?php print $url ;?>" class="photo_affichage" /></a></td></tr>
            <tr>
            <td valign="top" width="350px"><span class="nomfp"><?php print $nomfp;?><br /></span>
			Prix: àpd <?php print $prix;?>€</span><br />
 
	</td>
</tr>
 
 
</table>
 
 
 
	 <?php
	 $i++ ; 
	}
  	?>

Merci :-)

[Invité]

Bonjour,

• Affichage de données dans un tableau HTML (Affichage en Ligne ou en Colonne, provenant d'un array ou d'une Base de Données)

Code :

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

1
2
3
<p...><legend>...<br /><br /></p></legend><br /><br />
<ul>
...<table>

Euhh... tu n'as pas l'impression d'utiliser les balises au petit bonheur la chance ??

N.B. Il existe une autre solution, sans <table> :

Code :

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

1
2
3
4
5
<div id="3cols">
  <div class="col3">...(tes données)...</div>
...
  </div>
</div>

Code css :

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

1
2
#3cols { display:table;  }
.col3 { display:table-cell; width:33.3%; float:left; }

[Sid05]

Merci pour la réponse ;-)

J'ai adapté le code à ma base de données. Je voulais également afficher une image, j'ai donc utilisé "extract" mais elle ne s'affiche pas, à la place j'ai le lien en texte qui s'écrit.

Voici mon 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
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<?php 
 
 
 
// $NbrLigne : le nombre de lignes
// $NbrCol : calcul automatique
// --------------------------------
// (exemple)
$NbrLigne = 4;
 
$query = "SELECT * FROM tblfpnaissance;";
$result = mysql_query($query);
 
 
 
// --------------------------------
// nombre de cellules a remplir
$NbreData = mysql_num_rows($result);
// -------------------------------- 
// creation d'un tableau array() par donnees
$k=0;
while ($val = mysql_fetch_array($result)) {
	extract($val) ;
	$tableau1[$k] = "images/naissance/" . $photo1 . ".jpg" ;
	$tableau2[$k] = $val['nomfp'];
	$tableau3[$k] = $val['prix'];
	$k++;
}
// --------------------------------
// affichage
if ($NbreData != 0) {
	$i = 0;
	$NbrCol = 0;
?>
	<table border="1">
	<tbody>
<?php
	for ($i=0; $i<$NbrLigne; $i++) {
?>		<tr>
<?php
		$j = 0;
		while (($i+($j*$NbrLigne))%$NbrLigne==$i && ($i+($j*$NbrLigne))<$NbreData) 
		{
?>			<td>
<?php			// -------------------------
			// DONNEES A AFFICHER dans la cellule
			$k = ($i+($j*$NbrLigne));
			echo $tableau1[$k];
			echo '<br/>';
			echo '<i>'.$tableau2[$k].'</i>';
			echo '<br/>';
			echo '<i>'.$tableau3[$k].'</i>';
			// -------------------------
?>			</td>
<?php			$j++;
			// nombre de colonnes
			$NbrCol = max($NbrCol,$j);
		}
		// ajout cellule vide (derniere colonne)
		if ($j!=$NbrCol) { 
?>			<td>&nbsp;</td>
<?php
		}
?>		</tr>
<?php
	}
?>
 
</body>
 
<?php
} else {
?>	pas de données à afficher
<?php
}
?>
 
 
 
<?php mysql_close(); // deconnexion de la BD ?>
</html>

[Invité]

Utiliser extract() est, de manière générale, une mauvaise pratique.
D'autant que c'est inutile ici.

Code :

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

1
2
3
4
5
6
while ($val = mysql_fetch_array($result)) {
	$tableau1[$k] = "images/naissance/" . $val['photo1'] . ".jpg" ;
	$tableau2[$k] = $val['nomfp'];
	$tableau3[$k] = $val['prix'];
	$k++;
}

C'est une image que tu veux afficher. Il faut donc écrire le code HTML correspondant !
Remplace

Code :

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

			echo $tableau1[$k];

par :

Code :

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

			echo '<img src="' . $tableau1[$k] . '" alt="" />';

N.B. Au lieu de $tableau1, $tableau2, $tableau3, rien ne t'empêche d'utiliser des noms de variables plus explicites :
$photo1_array, $nomfp_array, $prix_array, par exemple.

[Sid05]

Ça marche, merci bien et merci pour l'astuce du changement de noms des tableaux, plus pratique ;-)

Je vais mettre en page tout ça mnt

[Sid05]

Par contre, je n'arrive pas à trouver pourquoi le texte est mis automatiquement en italique... J'ai changé le reste dans le css, mais le texte reste tout de même en italique