Problème d'affichage d'un formulaire dans un tableau [Résolu]

[elaene]

Coucou!
Alors moi j'ai un soucis d'affichage;
J'ai un formulaire qui s'affiche sous forme de tableau, et dans ce tableau j'ai des formulaires avec une textbox et un bouton submit. C'est ce deuxième formulaire qui me pose des problèmes d'affichages sur IE. Après avoir casé des display:inline et des float un peu partout, tout apparaît toujours décalé, sauf quand je supprime ce formulaire. Je vous montre le résultat sous firefox ;



Et sous IE ;



Et mon code où se trouve mon formulaire (je peux pas mettre tout le tableau ce serait inutile et trop compliqué) :

Code :

1
2
3
4
5
6
7
8
 
<td class="td2Panier6">
	<form action="?page=qtePanier" method="POST" >
		<input type=text name=qte size=3 value="'.$panier['qte'].'" >
		<input type=\'hidden\' name=ref value="'.$panier['ref'].'">
		<input type="submit" value="Ok" style="width:32px;" >
	</form>
</td>

[Bovino]

Tu ne peux pas mettre un formulaire dans un tableau, c'est le tableau qui doit être dans le formulaire

[Bisûnûrs]

De toute évidence, ce n'est pas ce simple morceau de code qui fonctionne qui va nous permettre de résoudre ton problème.

Donc peut-être qu'une bonne partie du tableau ne serait pas de trop, avec son CSS aussi, qui est sans doute en cause.

Et merci de ne pas mettre de PHP dans le forum CSS, mais le code généré par le navigateur.

[elaene]

Voici le code généré par la page ;

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
 
<h1>Votre panier</h1>
<form action="?page=envoiPanier" method="POST">
	<table class="tablePanier">
		<tr>
			<td class="tdPanier1"><strong>Référence</strong></td>
			<td class="tdPanier2"><strong>Nom</strong></td>
			<td class="tdPanier3"><strong>Option</strong></td>
			<td class="tdPanier4"><strong>Modèle</strong></td>
			<td class="tdPanier5"><strong>P.U.</strong></td>
			<td class="tdPanier6"><strong>Quantité</strong></td>
			<td class="tdPanier7"><strong>Prix total</strong></td>
			<td class="tdPanier8"><strong>Suppr</strong></td>
		</tr>	
		<tr>	
			<td class="td2Panier1">PJ73-14303</td>
			<td class="td2Panier2">Bougeoir</td>
			<td class="td2Panier3">-</td>
			<td class="td2Panier4">-</td>
			<td class="td2Panier5">4.15</td>
			<td class="td2Panier6">
				<form action="?page=qtePanier" method="POST" >
					<input type=text name=qte size=3 value="2" >
					<input type='hidden' name=ref value="411965">
					<input type="submit" value="Ok" style="width:32px;" >
				</form>
			</td>
			<td class="td2Panier7">16.6</td>
			<td class="td2Panier8"><a href="?page=supprPanier&id=411965"><span style="font-weight: bold; color: red;">X</span></a></td>
		</tr>	
		<tr>	
			<td class="td2Panier1">PJ101-14679</td>
			<td class="td2Panier2">Bougeoir</td>
			<td class="td2Panier3">-</td>
			<td class="td2Panier4">-</td>
			<td class="td2Panier5">25.60</td>
			<td class="td2Panier6">
				<form action="?page=qtePanier" method="POST" >
					<input type=text name=qte size=3 value="3" >
					<input type='hidden' name=ref value="298727">
					<input type="submit" value="Ok" style="width:32px;" >
				</form>
			</td>
			<td class="td2Panier7">76.8</td>
			<td class="td2Panier8"><a href="?page=supprPanier&id=298727"><span style="font-weight: bold; color: red;">X</span></a>
			</td>
		</tr><tr>	
			<td class="tdTotal" colspan=4></td>
			<td class="tdTotal" colspan=2>Total HT</td>
			<td class="tdTotal" colspan=2>93.4 &euro;</td>
		 </tr>
		<tr>	
			<td class="tdTotal2" colspan=4></td>
			<td class="tdTotal2" colspan=2>Total TTC</td>
			<td class="tdTotal2" colspan=2><strong>111.71 &euro;</strong></td>
		 </tr>
	</table><br/><br/>
 
<table style="margin:auto;">
	<tr>
		<td colspan="2"><form action="?page=enregistrer_references" method="POST"><center>Références</center></td>
	</tr>
	<tr>
		<td colspan="2"><center><textarea name="references" rows="8" cols="46"></textarea></center></td>
	</tr>
	<tr>
		<td colspan="2"><center>NB : Enregistrez vos références avant de valider votre panier svp!</center></td>
	</tr>
	<tr>
		<td colspan="2"><center><input type="submit" value="Enregistrer les références" style="height:33px; margin-top: 10px;"/>
						</form></center></td>
	</tr>
 
	<tr>
		<td><center><input type="submit" value="Valider le panier" style="height:35px; width:135px; margin-top: 10px;"/></center>
						</form>
		</td>
	<td><center><form method="post" action="viderPanier.php">
							<input type="submit" value="Vider le panier" style="height:35px; width:135px; margin-top: 10px;"/>
						</form></center>
		 </td>
	</tr>
</table></div>

[Bovino]

Envoyé par Bovino

Tu ne peux pas mettre un formulaire dans un tableau, c'est le tableau qui doit être dans le formulaire

Tu peux encore moins avoir plusieurs formulaires imbriqués !

[Bisûnûrs]

Tu devrais penser à passer ton HTML au validateur du W3C, tu découvrirais bon nombre d'erreurs qui t'aideraient à améliorer ton code et le faire fonctionner sur tous les navigateurs ..

[elaene]

@Bovino : mdr à vrai dire j'en savais rien, c'est vrai que c'est pas l'idéal, je vais changer ça ^^
@Bisunurs : ouais mais je peux pas faire ça sur tout mon code et eux ils te trouvent des fois des erreurs vraiment minimes quoi... enfin je verrais si vraiment je trouve pas de solution mais je vais d'abord changer mes conneries de 2 formulaires xD

[Bisûnûrs]

Mais dans ton cas, tu verrais que tu ouvres un formulaire dans un td que tu fermes dans un autre, comme ça :

Code html :

1
2
<td><form></td>
<td></form></td>

Les balises HTML sont régies par "premier ouvert, dernier fermé". Tu ne peux donc pas faire un formulaire comme ça.

Exemple :

Code html :

1
2
<p><u>Juste</u><em>Re-juste</em></p>
<p><u><em>Totalement faux</u></em></p>

[elaene]

en effet, j'ai fait tellement de modifications sur cette page que c'est devenu n'importe quoi ^^'
J'ai tout remis bien comme il fallait les formulaires, qui sont maintenant bien séparés, et ya plus de bug d'affichage xD
merci de votre aide!