Discussion :

[oceane751]

bonjour à tous!!

j'aimerais pouvoir aligner horizontalement et par 3, des images d'une BDD mais je ne sais pas comment faire
par exple si j'ai 9 images, je voudrais 3 lignes de 3 images

au lieu de ça, mon code m'affiche les images en colonne (j'ai 3 images = ca me donne une colonne et 3 lignes)


si quelqu'un pourrait m'aider se serait tres gentil

merci ebaucoup!!

[blueice]

Ok mais tu codes comment ?
Avec des tableaux, sans tableau, en xhtml, transitionnel ou strict ?

[oceane751]

arf pardon
en html et avec tableau

[blueice]

Tu indiques que tu extraits les données d'une BDD, il te suffit de faire un tableau de 3 colonnes par X lignes....

[ilood]

Salut

T'as pas un bout de code à proposer oceane ? Tu travail avec php ? Car il existe de nombreuses possibilités. Sous quelle forme sont stockés les chemin de images, comment les extrais-tu ?

Ton code de sortie, une fois généré par le langage coté serveur que tu utilises, doit ressembler à ceci :

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
<table>
  <tr><!-- 1ère ligne -->
    <td><img src="image1.jpg" alt="mon image 1"></td><!-- 1ère colonne -->
    <td><img src="image2.jpg" alt="mon image 2"></td><!-- 2ème colonne -->
    <td><img src="image3.jpg" alt="mon image 3"></td><!-- 3ème colonne -->
  </tr>
  <tr><!-- 2ème ligne -->
    <td><img src="" alt=""></td>
    <td><img src="" alt=""></td>
    <td><img src="" alt=""></td>
  </tr>
  <tr>
    <td><img src="" alt=""></td>
    <td><img src="" alt=""></td>
    <td><img src="" alt=""></td>
  </tr>
  <tr>
    <td><img src="" alt=""></td>
    <td><img src="" alt=""></td>
    <td><img src="" alt=""></td>
  </tr>
  <tr><!-- 5eme ligne -->
    <td><img src="" alt=""></td>
    <td><img src="" alt=""></td>
    <td><img src="" alt=""></td>
  </tr>
</table>

[oceane751]

...
je fais un boucle
voici le 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
 
 
<?
.....
$sql = "SELECT image, designation_produit, prix_produit FROM produit WHERE type_produit = 'ordinateur de bureau'";
$m = mysql_query($sql);
 
 
 
 
while ($fe = mysql_fetch_array($m))
{
echo" <table border = '1'>";
echo "<form method = 'POST' action = detail.php>";
extract($fe);
echo "<tr><td>
<input type = hidden name = 'article' value = \"".$desi."\">
<a href= \"#\" onclick= ImageMax(\"http://127.0.0.1/oceanecoin/PHOTOSITEINFO/",$image,"\");>
<img src= http://127.0.0.1/oceanecoin/PHOTOSITEINFO/",$image," width=\"213\" height=\"180\" border=\"0\" hspace=\"40\" Hspace=10 ></a>";
 
 
 
 
echo"<p><center>".$fe[1]."</p>
<p><font color = red><b>".$fe[2]."€</font></b></p>
 
 <input type = submit value = detail name = detail>
</td></tr>";
echo" </table>";
echo"</form>";
}
 
 
echo"<br>
</html> ";
 
?>