Discussion :

[steph49]

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 :

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
 
 $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>

[sabotage]

Place <table> avant la boucle while et </table> après la boucle.
Retire tous les <tr></tr> à part le premier et le dernier.

[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.

[Dendrite]

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

Code html :

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

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>

[Kasko]

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).

[steph49]

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


2ieme image le rendu desiré les infos sont afficher les un a coté de autre

[steph49]

@Dendrite

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

[rawsrc]

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 html :

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
<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.

[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?

[rawsrc]

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

Code html :

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
<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

[steph49]

merci je vai essayer comme ca

[rawsrc]

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

Code html :

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
<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>

[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

[rawsrc]

Bah c'est pas plus compliqué que ton premier bout de 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
$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.

[steph49]

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