probleme d'affichage array

Version imprimable

j'ai un array qui me renvoi plusieurs infos, actuellement j'arrive a afficher les résultat les un en dessous des autre dans un <table> j'aimerai que dans ce meme <table> a la place de m'afficher les infos en dessous des autre cela m’inscrit les information suivante a dans un autre <td> a coté.
je sait pas si je suis asser precit
PS:c'est du vieux code je sait ;)

ci-dessous mon code

Code:

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
 
 $sql4="select * from Membres";
$req4 = mysql_query($sql4)or die(mysql_error);
$resultat4=mysql_num_rows($req4);
while($data = mysql_fetch_array($req4))  
    			  { 							 
    		 $id          = $data["id"];  
    		 $Nom         = $data["Nom"];
    		$Prenom      = $data["Prenom"];
    		 $Pseudo      = $data["Pseudo"];
    		 $Image2      = $data["Image"];
    		 $Moto_perso  = $data["Moto_pers"];
    		 $facebook    = $data["facebook"];
 
list($width, $height) = getimagesize("Images/$Image2");
 
$arr1 = array($Nom, $Prenom, $Pseudo, $Image2, $facebook, $Moto_perso);
 
 <Table>
    	<tr>
    	<td rowspan=3 Class="tetiere2" width=40%><? echo "<img src='Images/".$Image2."' height=$height; width=$width; border=0 >"; ?></td>
    	<td Class="tetiere2" width=20%><br> <? echo $Nom." ".$Prenom."<br>(".$Pseudo.")"; ?></td>
    ////////jaimerai que dans les <td> suivante cela affice les information de la personne suivante
        <td>  infos deuxieme enregistrement  </td>
         <td>  infos deuxieme enregistrement </td>
    	</tr>
 
        <tr>
    	<td Class="tetiere2">Marque/Moto:<br> <? echo $Moto_perso; ?></td>
        <td Class="tetiere2">Marque/Moto:<br> <? echo  infos deuxieme enregistrement ?></td>
    	</tr>
    	<tr>
    	<td Class="tetiere2">Contact: <a href="<? echo $Facfacebookebook; ?>" target="_blank"><img src="Images/petit_facebook.png"></a></td>
        <td Class="tetiere2">Contact: <a href="<? echo infos deuxieme enregistrement"></a></td>
    	</tr>
    	</table>

25/12/2015, 20h41
sabotage

Place <table> avant la boucle while et </table> après la boucle.
Retire tous les <tr></tr> à part le premier et le dernier.
25/12/2015, 21h17
steph49

merci de ta réponse mais si je fait ça, ça va me mettre tout a coté les un des autre puis me refaire pareille avec le deuxieme enregistrement

ce que je voudrai faire c'est que ca m'affiche les valeurs de deux enregistrement les un a coté des autre

1ier et 2ieme <td< valeur 1er enregistrement
3ieme et 4ieme <td> valeur du deuxième enregistrement

deux enregistrement par ligne.

En fait, ta question, c'est du HTML ?
Teste ça dans un navigateur :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table border="1">
	<tr>
		<td colspan="3" class="tetiere2"><img src="Images/image2.jpg">Infos impaires</td>
		<td colspan="3" class="tetiere2"><img src="Images/image2.jpg">Infos paires</td>
	</tr>
	<tr>
		<td class="tetiere2">Dupont Marc (toto)</td>
		<td Class="tetiere2">Yamaha</td>
		<td Class="tetiere2">Contact: <a href="http://google.fr" target="_blank"><img src="Images/petit_facebook.png"></a></td>
		<td class="tetiere2">Martin Gérard (Loustic)</td>
		<td Class="tetiere2">Honda</td>
		<td Class="tetiere2">Contact: <a href="http://google.fr" target="_blank"><img src="Images/petit_facebook.png"></a></td>
	</tr>
</table>

26/12/2015, 00h10
Kasko

Citation:

Envoyé par steph49

ce que je voudrai faire c'est que ca m'affiche les valeurs de deux enregistrement les un a coté des autre

1ier et 2ieme <td< valeur 1er enregistrement
3ieme et 4ieme <td> valeur du deuxième enregistrement

deux enregistrement par ligne.

Salut peut-tu nous mettre la capture de ta situation actuelle et si possible réaliser avec par exemple un logiciel de traitement de texte un exemple du rendu souhaité(fait la capture de ce rendu pour poster).
26/12/2015, 10h42
steph49

2 pièce(s) jointe(s)

sur la 1er image le rendu actuel les infos sont bien recuperer mais afficher les un en dessous des autres
Pièce jointe 196363

2ieme image le rendu desiré les infos sont afficher les un a coté de autre
Pièce jointe 196364
26/12/2015, 11h18
steph49

@Dendrite

j'ai essayer et ça m'affiche bien les infos a coté mais ça me met les même infos deux fois

Salut,

ce n'est pas déjà une bonne idée du tout d'utiliser un tableau pour faire de la mise en page mais c'est encore pire dans ce cas de figure...
Pour t'en sortir avec cet affichage, tu devras manipuler 2 enregistrements simultanément au fur et à mesure que tu généreras tes lignes de tableau :
regarde ce que cela doit donner pour fonctionner comme tu le souhaites :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <table> <tbody> <tr> <td rowspan="3">Image 1</td> <td>TITRE 1</td> <td rowspan="3">Image 2</td> <td>TITRE 2</td> </tr> <tr> <td>MARQUE 1</td> <td>MARQUE 2</td> </tr> <tr> <td>CONTACT 1</td> <td>CONTACT 2</td> </tr> </tbody> </table>
Et ben c'est pas si évident quand tu débutes...
Orientes toi plutôt vers une mise en page à base de blocks du genre <div></div> flottants, cela te facilitera le codage dans la mesure où tu ne travailleras que sur un seul et unique enregistrement à la fois.

26/12/2015, 11h39
steph49

merci de ta reponse
effectivement je doit essayer de manipuler deux enregistrement en même temps pour afficher ce que je veux et c'est la que je bloc .
pour la mise en page sous forme de blocks du genre <div></div> flottants
ca donnerai quoi car la je connait pas du tout :(
c'est du type

<div style="float:left;width:50%;">[tableau]</div> ???

dans ce cas a la place de [tableau] je renseigne quoi?

Allez parce que c'est Noël, tiens je te donne une piste :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div style="width:50%;float:left;">
    <div style="width:60%; float: left;">Image 1</div>
    <div style="width:40%;float: right;">
        <div>Titre 1</div>
        <div>Marque 1</div>
        <div>Contact 1</div>
    </div>
</div>
<div style="width:50%;float:left;">
    <div style="width:60%; float: left;">Image 2</div>
    <div style="width:40%;float: right;">
        <div>Titre 2</div>
        <div>Marque 2</div>
        <div>Contact 2</div>
    </div>
</div>

Bon c'est améliorable en particulier au niveau du CSS mais ça te met sur une piste

26/12/2015, 11h43
steph49

merci je vai essayer comme ca

Tu peux aussi effectivement mixer les deux : blocs flottants et tableau mais bon c'est assez vilain :

Code:

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
<div style="width:50%;float:left;">
    <table>
        <tbody>
            <tr>
                <td rowspan="3">Image 1</td>
                <td>TITRE 1</td>
            </tr>
            <tr>
                <td>MARQUE 1</td>
            </tr>
            <tr>
                <td>CONTACT 1</td>
            </tr>
        </tbody>
    </table>
</div>
<div style="width:50%;float:left;">
    <table>
        <tbody>
            <tr>
                <td rowspan="3">Image 2</td>
                <td>TITRE 2</td>
            </tr>
            <tr>
                <td>MARQUE 2</td>
            </tr>
            <tr>
                <td>CONTACT 2</td>
            </tr>
        </tbody>
    </table>
</div>

26/12/2015, 11h49
steph49

mais dans c'est cas la ce que je comprend pas c'est comment afficher mes resultats
comment lui dire que image1 est = a l'image 1 du premiere enregistrement et image 2 du 2ieme enreistrement car la il me mettra toujour les meme infos les une a coté des autre je pense

Bah c'est pas plus compliqué que ton premier bout de code

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
$sql4 = 'SELECT * FROM Membres';
$req4 = mysql_query($sql4) or die(mysql_error());
$resultat4 = mysql_num_rows($req4);
 
$hsc = function($p) { return htmlspecialchars($p, ENT_QUOTES); };
 
while ($row = mysql_fetch_assoc($req4))
{
    list($width, $height) = getimagesize("Images/{$row['Image']}");
 
    echo <<<html
<div style="width:50%;float:left;">
    <div style="width:60%;float:left;">
        <img src="Images/{$hsc($row['Image'])}" height="{$height}" width="{$width}" border="0">
    </div>
    <div style="width:40%;float: right;">
        <div>{$hsc($row['Nom'])} {$hsc($row['Prenom'])}<br>{$hsc($row['Pseudo'])}</div>
        <div>Marque/Motot<br>{$hsc($row['Moto_pers'])}</div>
        <div>Contact <a href="{$hsc($row['facebook'])}" target="_blank"><img src="Images/petit_facebook.png"></a></div>
    </div>
</div>
html;
}

L’enchaînement des blocs à avec une largeur de 50 % fera la mise en page tout seule.

26/12/2015, 12h43
steph49

merci je pense avoir comprit et la ca fonctionne comme je le souhaite
reste a mettre en form le css
;)