Tableau cote à cote puis à la ligne
Résolu
boony
Messages postés
46
Statut
Membre
-
boony Messages postés 46 Statut Membre -
boony Messages postés 46 Statut Membre -
Bonjour tout le monde,
Je vous envoie ce message, car je suis actuellement en stage et j''ai un petit probleme pour afficher comme je voudrais mes tableaux dans ma page php.
Je vous explique, j'ai plusieurs produits (alimantaires) dans ma base de données, et je désire qu'ils s'afficheent automatiquement sur ma page.
Maintenant j'aimerais que ma page se présente avec 4 tableaux l'un à coté de l'autre, puis la même chose mais à la ligne d'en dessous:
tableau1, tableau2, tableau3, tableau4
tableau5, tableau6, tableau7, tableau8
tableau 9 .....
Comme ca ainsi de suite, jusqu'a la fin de ma table.Mais je ne sais pas comment le faire.
Voici mon code :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="Description" content="">
<meta name="Keywords" content="">
<style>
TABLE {
float : left;
}
</style>
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("test");
<?php
}
$info = "SELECT * FROM produits ORDER BY designation_produit ASC "; //asc= ordre alphabétique
$requete = mysql_query($info);
$Nb =mysql_num_rows($requete);
<?php
if($Nb>0)
{
while ($detail =mysql_fetch_array($requete) )
{
$num_produit = $detail['num_produit'];
$designation_produit = $detail['designation_produit'];
$gencod_produit = $detail['gencod_produit']
$masse_produit = $detail['masse_produit'];
$photo_produit = $detail['photo_produit'];
<table border="1">
<tr>
<td align = center ><p><font color="#000000"><b><?php echo $designation_produit ?></b></font> </p></td>
</tr>
<tr>
<td align = center>
<?php ("Content-type:" .$photo_produit);?>
<img src="<?php echo $photo_produit; ?> "width="150" height="110" />
</td>
</tr>
<tr>
<td align = center><p><font color="#000000">Genecode :<?php echo $gencod_produit ?></font> </p></td>
</tr>
<tr>
<td align = center><p>Disponsible en <?php echo $masse_produit ?>g</p></td>
</tr>
</table>
<?php //Fin de la boucle
}
}
mysql_close();
?>
</form>
</body>
</html>
Je vous remercie d'avance pour votre aide.
Je vous envoie ce message, car je suis actuellement en stage et j''ai un petit probleme pour afficher comme je voudrais mes tableaux dans ma page php.
Je vous explique, j'ai plusieurs produits (alimantaires) dans ma base de données, et je désire qu'ils s'afficheent automatiquement sur ma page.
Maintenant j'aimerais que ma page se présente avec 4 tableaux l'un à coté de l'autre, puis la même chose mais à la ligne d'en dessous:
tableau1, tableau2, tableau3, tableau4
tableau5, tableau6, tableau7, tableau8
tableau 9 .....
Comme ca ainsi de suite, jusqu'a la fin de ma table.Mais je ne sais pas comment le faire.
Voici mon code :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="Description" content="">
<meta name="Keywords" content="">
<style>
TABLE {
float : left;
}
</style>
<?php
mysql_connect("localhost", "root", "");
mysql_select_db("test");
<?php
}
$info = "SELECT * FROM produits ORDER BY designation_produit ASC "; //asc= ordre alphabétique
$requete = mysql_query($info);
$Nb =mysql_num_rows($requete);
<?php
if($Nb>0)
{
while ($detail =mysql_fetch_array($requete) )
{
$num_produit = $detail['num_produit'];
$designation_produit = $detail['designation_produit'];
$gencod_produit = $detail['gencod_produit']
$masse_produit = $detail['masse_produit'];
$photo_produit = $detail['photo_produit'];
<table border="1">
<tr>
<td align = center ><p><font color="#000000"><b><?php echo $designation_produit ?></b></font> </p></td>
</tr>
<tr>
<td align = center>
<?php ("Content-type:" .$photo_produit);?>
<img src="<?php echo $photo_produit; ?> "width="150" height="110" />
</td>
</tr>
<tr>
<td align = center><p><font color="#000000">Genecode :<?php echo $gencod_produit ?></font> </p></td>
</tr>
<tr>
<td align = center><p>Disponsible en <?php echo $masse_produit ?>g</p></td>
</tr>
</table>
<?php //Fin de la boucle
}
}
mysql_close();
?>
</form>
</body>
</html>
Je vous remercie d'avance pour votre aide.
Configuration: Windows XP Firefox 2.0.0.11
A voir également:
- Tableau cote à cote puis à la ligne
- Tableau word - Guide
- Comment mettre deux textes côte à côte sur word - Guide
- Trier un tableau excel - Guide
- Point vert snapchat a cote de quelqu'un - Forum Snapchat
- Snap bonhomme bleu à côté du nom ✓ - Forum Snapchat
6 réponses
Bonjour,
Une solution est de créer une class qui te permets de revenir à la ligne
et tu insères
Une solution est de créer une class qui te permets de revenir à la ligne
.Clear {
clear:both
}
et tu insères
<div class="Clear"></div>tous les 4 tableaux.
euh... desolé mais je suis débutante en la matiere, je ne comprend pas trop ce que tu as écrit, pourrais tu mieu m'expliquer et me dire ou le mettre et comment le faire dans mon code s'il te plait. je te remercie
Tu crées un variable qui va compter le nombre de tableau que tu initialises avant le début du while.
A chaque de tour de bouvle, tu l'incrémentes.
Si c'ets un multiple de 4 (N modulo 4 = 0) alors tu insères la dic clear à la fin.
Ca doit être un code de style la, peut être que la syntaxe n'est pas bonne, c'ets à vérifier.
A chaque de tour de bouvle, tu l'incrémentes.
Si c'ets un multiple de 4 (N modulo 4 = 0) alors tu insères la dic clear à la fin.
$compteur =1
while ($detail =mysql_fetch_array($requete) )
{
$num_produit = $detail['num_produit'];
$designation_produit = $detail['designation_produit'];
$gencod_produit = $detail['gencod_produit']
$masse_produit = $detail['masse_produit'];
$photo_produit = $detail['photo_produit'];
<table border="1">
<tr>
<td align = center ><p><font color="#000000"><b><?php echo $designation_produit ?></b></font> </p></td>
</tr>
<tr>
<td align = center>
<?php ("Content-type:" .$photo_produit);?>
<img src="<?php echo $photo_produit; ?> "width="150" height="110" />
</td>
</tr>
<tr>
<td align = center><p><font color="#000000">Genecode :<?php echo $gencod_produit ?></font> </p></td>
</tr>
<tr>
<td align = center><p>Disponsible en <?php echo $masse_produit ?>g</p></td>
</tr>
</table>
if(($compteur % 4)= 0) { <div class="Clear"></div> }
$compteur++
}
Ca doit être un code de style la, peut être que la syntaxe n'est pas bonne, c'ets à vérifier.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonne continuation