Discussion :

[Snap luvs pastèque]

Bonjours à tous!
Je dispose de l'image suivante (vu qu'elle est de grande taille, je met juste le lien): http://upload.is.free.fr/upload/5j3f2rkl.png.
Je cherche à mettre dans chaque case 10 zéro, répartis sur deux lignes:
00000
00000
(oui, je sais, dis comme ça, ça à l'air très con XD)
Pour éviter de me taper 64 fois le code à taper, j'ai eu l'idée de faire une double boucle.

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
<style type="text/css">
div#test { <!-- on a une première division qui à l'image comme image de fond -->
    background-image:  url(plateau_de_jeu.php);
    background-repeat: no-repeat;
    height: 600px;
    width: 600px;
}
</style>
<div id="test">
<?php
$left = 5;
$top = 6; //ces valeurs sont les valeurs de bases pour centrer a peu près les zéros dans les cases.
$nom_left_1 = "u";
while($left < 600) 
{
echo '
<style type="text/css">
div#'.$nom_left_1.' {
    position: relative;
    height: auto;
    width: auto;
    left: '.$left.'px; 
    top: '.$top.'px; 
}
</style>
<div style="display: inline;" id="'.$nom_left_1.'"><span class="select_grand"><font color="black">00000</font><div class="info_grand">
		<form method="post" action="combat.php">
			<input type="submit" value="avancer">
		</form>
	</div></span>
</div>';
 
$left = $left + 50;
$nom_left_1 .= 'u';
}
?>
</div>

Dans le souci de ne pas trop complexifier le code, je n'ai mis que la boucle qui écrit horizontalement les zéro.
Il suffira de la répéter en augmentant la verticalité pour avoir toutes les cases de remplies, mais je en m'y risque pas tan que la première boucle ne marche pas.

Voilà le résultat que j'obtenais: http://upload.is.free.fr/upload/u0ahxu10.jpg

J'en ai déduis que c'étais le saut de ligne <div> qui posait problème, vu que la distance horizontale était bonne. J'ai donc inclus le display: inline;, qui n'étais pas là au départ, avec le résultat à été le suivant:

http://upload.is.free.fr/upload/wagzxbgu.jpg

Bon, non seulement le problème de saut de ligne n'étais pas résolu, mais en plus certains zéros c'étaient décalés. J'ai essayé de voir si cela fonctionnais si on enlevais une ligne de 0 et le <br>; voilà le résultat:

http://upload.is.free.fr/upload/8xm45zqk.jpg

Si quelqu'un a des idées sur ce que ça pourrait être... Ce serais sympa de combler mon ignorance
Merci d'avance=)

[stef22640]

essaye ca dans ton div

Code :

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

float: left;

sur ta prochaine ligne, rajoute

Code :

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

clear:both;

[Snap luvs pastèque]

Merci de prendre le temps de m'aider=)
J'ai effectué les modifications sur le code, ce qui donne désormais ça:
http://upload.is.free.fr/upload/iz0wb8ya.jpg

[nosferapti]

dans ton message tu dis que tu fais une double boucle mais dans ton code, je n'en vois qu'une

le code devrait ressembler à ça :

Code :

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

1
2
3
4
5
6
7
8
9
for ($ligne = 1; $ligne <= 2; $ligne++) {
	for ($colonne = 1; $colonne <= 2; $colonne++) {
		$decallageGauche = $colonne * 50 - 45;
		$decallageHaut = $ligne * 6;
 
		// affichage
 
	}
}

[Snap luvs pastèque]

Justement, voyant que le première boucle ne fonctionnais pas, je n'ai pas encore mis la deuxième: si on rajoute la deuxième boucle, on aura juste 12 lignes qui buggent de la même façon au lieu d'une seule, et le problème n'en sera que plus complexe à identifier, non?
Et, au passage, je dois avouer que même si j'en connais le principe, je ne suis pas très à l'aise avec la boucle For...
Si vous pouviez prendre le temps de m'expliquer pourquoi elle serait plus utile que while, ça serait assez génial =)
Et si en plus quelqu'un trouvais pourquoi ces zéros se décalent, ça me ferait vraiment grimper au 7ème ciel

[Snap luvs pastèque]

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
<div id="plateau">
<table>
	<?php
	$lignes = 0;
	while($lignes < 12)
	{
		?><tr height="48">
		<?php
		$colonnes = 0;
		while($colonnes < 12)
		{
			?><td width="50">00000<br>00000</td><?php
			$colonnes ++;
		} ?>
		</tr><?php
		$lignes ++;
	}?>
</table>
</div>

J'ai adpaté ton bout de code de façon à utiliser un tableau qui, lui, marche!
Merci à tous pour votre aide, résolu=)

[nosferapti]

Et, au passage, je dois avouer que même si j'en connais le principe, je ne suis pas très à l'aise avec la boucle For...
Si vous pouviez prendre le temps de m'expliquer pourquoi elle serait plus utile que while, ça serait assez génial =)

la boucle "for" fait exactement la même chose que ton code avec "while" mais ça permet d'avoir une écriture de code plus clair
par exemple ce code :

Code :

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

1
2
3
for (CONDITION_DÉPART; CONDITION_CONTINER; CODE_INCRÉMENTATION) {
	CODE_INTÉRIEUR
}

fait la même chose que ça :

Code :

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

1
2
3
4
5
6
7
CONDITION_DÉPART
 
while (CONDITION_CONTINER) {
	CODE_INTÉRIEUR
 
	CODE_INCRÉMENTATION
}

donc ton code peut être réécrit comme ça :

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
<div id="plateau">
    <table>
 
        <?php for ($lignes = 0; $lignes < 12; $lignes++) {?>
 
            <tr height="48">
 
                <?php for ($colonnes = 0; $colonnes < 12; $colonnes++) {?>
 
                    <td width="50">
                        00000<br>
                        00000
                    </td>
 
                <?php }?>
 
            </tr>
 
        <?php }?>
 
    </table>
</div>