[W3C] Respect du W3C pour tableau & boucle

Version imprimable

Salut. :D
Je suis en train de corriger mon site pour qu'il soit entièrement valide avec les standards du W3C et il me reste un tout dernier obstacle.
Voici le code de la partie restante :

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
 
<table>
	<tr class="bordure">
		<th>*</th>
		<th class="bordure">&nbsp;Id&nbsp;</th>
		<th class="bordure">&nbsp;Article&nbsp;</th>
		<th class="bordure">&nbsp;Description&nbsp;</th>
		<th class="bordure">&nbsp;Prix&nbsp;</th>
	</tr>
	<?php
                // Tant qu'il y a des entrees dans le catalogue, creer une ligne pour chacun d'eux
                while($resultat_catalogue = mysql_fetch_array($execution_contenu_catalogue))
                {
        ?>
	<form method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>">
	<tr class="bordure">
		<td><input type="submit" name="suppression_catalogue" value="X" /></td>
		<td class="bordure">&nbsp;<?php echo $resultat_catalogue['id']; ?>&nbsp;</td>
		<td class="bordure">&nbsp;<?php echo $resultat_catalogue['titre']; ?>&nbsp;</td>
		<td class="bordure">&nbsp;<?php echo $resultat_catalogue['description']; ?>&nbsp;</td>
		<td class="bordure">&nbsp;<?php echo $resultat_catalogue['prix']; ?>&nbsp;&euro;&nbsp;<input type="hidden" name="id_article" value="<?php echo $resultat_catalogue['id']; ?>" /></td>
	</tr>
	</form>
	<?php
                }
        ?>
</table>

Ce tableau a une barre de titre, et après chaque ligne est générée à partir d'une BDD.
A chaque ligne il y a un form avec un bouton de suppression (afin de supprimer la ligne de la BDD).
Le problème pour la validation du W3C, ce sont justement ces forms qui sont dans la table.
Est-ce que vous auriez une idée rendre cette partie valide sans utiliser de JavaScript ?
Merci ! :D

07/02/2009, 19h51
beeboo

Salut,
Effectivement, le form doit se trouver à l'extérieur de la table.

Le form doit surtout se trouver a l'intérieur d'un td.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<tr class="bordure">
<td>
<form method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>">
<input type="submit" name="suppression_catalogue" value="X" />
<input type="hidden" name="id_article" value="<?php echo $resultat_catalogue['id']; ?>" />
</form>
</td>
<td class="bordure">&nbsp;<?php echo $resultat_catalogue['id']; ?>&nbsp;</td>
<td class="bordure">&nbsp;<?php echo $resultat_catalogue['titre']; ?>&nbsp;</td>
<td class="bordure">&nbsp;<?php echo $resultat_catalogue['description']; ?>&nbsp;</td>
<td class="bordure">&nbsp;<?php echo $resultat_catalogue['prix']; ?>&nbsp;&euro;</td>
</tr>

07/02/2009, 22h59
Lenezir

Merci pour ta réponse nextdev, ça marche mais je suis obligé de mettre un <p> dans le form pour la validation, et ça me fait des lignes énormes.
Je suis tombé sur ce tuto (http://giminik.developpez.com/articl...le-multi-form/) pour faire des tableaux qu'avec des DIV et du CSS, je l'essayerai demain et je mettrai ou non le sujet en résolu suivant le résultat.
Merci. ;)
08/02/2009, 00h37
nextdev

Ca doit etre les marges, padding automatique qui te déforme la taille des p, ou un css a toi, test voir avec ca :

Code:

<p style="margin:0; padding:0;">...</p>

et idem pour le form, regle tout ca dans le css a part

Code:

<form style="margin:0; padding:0;" action="..."...>...</form>
08/02/2009, 10h48
Lenezir

Ah oui excellente idée !
Merci ! :mrgreen: