Donner la possibilité d'une autre réponse

Bonjour,



ce que je voudrais sait faire comme la capture écran, sur la page exercice tous n est pas placé comme il le faut et sur la page correction je n'arrive pas a remettre les lettres en ligne comme sur la page exo.
le souci est que je récupéré bien se que la page exo envoie, mais je n'arrive pas a récrire comme la page exo.
de plus après correction je voudrais donner la possibilité de pouvoir amélioré leurs note.

alors je pense que j 'ai un problème de tableau, qu est ce que vous en penser?

voici la page exo:

  <?php 
$reponses = array(
'chx' => array(
'chiffre' => '1',
'reponse' => 'A',
'reponse1' => 'O',
'reponse2' => 'I',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/1-bain.mp3'
) ,
'chx_1' => array(
'chiffre' => '2',
'reponse1' => 'E',
'reponse' => 'O',
'reponse2' => 'C',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/2-pont.mp3'
) ,
'chx_2' => array(
'chiffre' => '3',
'reponse' => 'B',
'reponse1' => 'C',
'reponse2' => 'D',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/3-monte.mp3'
) ,
'chx_3' => array(
'chiffre' => '4',
'reponse' => 'L',
'reponse1' => 'I',
'reponse2' => 'T',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/4-lent.mp3'
) ,
'chx_4' => array(
'chiffre' => '5',
'reponse' => 'T',
'reponse1' => 'D',
'reponse2' => 'L',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/5-langue.mp3'
) ,
'chx_5' => array(
'chiffre' => '6',
'reponse' => 'B',
'reponse1' => 'P',
'reponse2' => 'R',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/10-plein.mp3'
),
'chx_6' => array(
'chiffre' => '7',
'reponse' => 'O',
'reponse1' => 'C',
'reponse2' => 'G',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/6-trompé.mp3'
) ,
'chx_7' => array(
'chiffre' => '8',
'reponse' => 'F',
'reponse1' => 'E',
'reponse2' => 'K',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/7-menteur.mp3'
) ,
'chx_8' => array(
'chiffre' => '9',
'reponse' => 'H',
'reponse1' => 'I',
'reponse2' => 'J',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/8-plan.mp3'
) ,
'chx_9' => array(
'chiffre' => '10',
'reponse' => 'S',
'reponse1' => 'T',
'reponse2' => 'D',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/9-train.mp3'
),
'chx_10' => array(
'chiffre' => '11',
'reponse' => 'R',
'reponse1' => 'N',
'reponse2' => 'M',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/7-menteur.mp3'
) ,
'chx_11' => array(
'chiffre' => '12',
'reponse' => 'W',
'reponse1' => 'V',
'reponse2' => 'U',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/8-plan.mp3'
) 
);
$choix = array(
 'chx' => array('reponse_fausse' => 'A'),
 'chx_1' => array('reponse_fausse' => 'O'),
  'chx_2' => array('reponse_fausse' => 'B'),
  'chx_3' => array('reponse_fausse' => 'L'),
 'chx_4' => array('reponse_fausse' => 'T'),
  'chx_5' => array('reponse_fausse' => 'R'),
   'chx_6' => array('reponse_fausse' => 'O'),
 'chx_7' => array('reponse_fausse' => 'E'),
  'chx_8' => array('reponse_fausse' => 'H'),
  'chx_9' => array('reponse_fausse' => 'S'),
   'chx_10' => array('reponse_fausse' => 'M'),
  'chx_11' => array('reponse_fausse' => 'N')
);
$i = 1;
echo '<form class="form_exercices_ou_result" action="../correct_exo/correction-exo-alphabet-2.php" method="POST" />';
foreach($reponses as $cle => $reponse){
echo'<div>';
echo '<button class="button_audio" onclick="playVid(\'son_1'.$cle.'\')" type="button" value="' . $reponse['mp3'] . '"></button>';
   echo '<audio id="son_1'.$cle.'">';
   echo '<source src="' . $reponse['mp3'] .'" type="audio/mp3">';
   echo '<p>Votre navigateur ne supporte pas le format audio.</p>';
   echo '</audio>';

echo'<p style="font-size:1.2em;padding:0 10px;">'.$reponse['chiffre'].'</p><p style="text-align:center;width:150px;font-size:1.2em;"><input style="margin:10px 0 0 -50px;" type="radio" name="' . $cle. '" value="' . $reponse['reponse'] . '" />  '.$reponse['reponse'].'</p>';
echo'<p style="text-align:center;width:150px;font-size:1.2em"><input style="margin:10px 0 0 -50px;"  type="radio" name="' . $cle . '" value="' . $reponse['reponse1'] . '" />  '. $reponse['reponse1'] .'</p>';
echo'<p style="text-align:center;width:150px;font-size:1.2em"><input style="margin:10px 0 0 -50px;"  type="radio" name="' . $cle . '" value="' . $reponse['reponse2']  . '" />  '. $reponse['reponse2'] .'</p>'; 

}
echo'</div>';

echo'</div>';
echo '<div style="display:inline-block;margin-left:-15em;margin-top:2em;" class="correction_center"><input type="submit" name="correction" value="correction"/></div>';
echo '</form>';
echo'<div><a href="javascript:scroll(0,0)"><figure style="margin:0 0 0 96%;" class="bouton_retour"><img src="../img/fhg.jpg" alt="fleche vers le haut" width="60" height="60" /></figure></a></div>';

?> 

la page correction:

  <?php 
echo '<form class="form_exercices_ou_result" action="../correct_exo/correction_evaluation_on_an.php" method="POST" />';
echo'<table style="margin-left:35%;" cellspacing="0" cellpadding="0" border="1" bordercolor="noir" width="35%" align="center">';

     
$reponses = array(
'chx' => array(
'chiffre' => '1',
'reponse' => 'A',
'reponse1' => 'O',
'reponse2' => 'I',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/1-bain.mp3'
) ,
'chx_1' => array(
'chiffre' => '2',
'reponse1' => 'E',
'reponse' => 'O',
'reponse2' => 'C',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/2-pont.mp3'
) ,
'chx_2' => array(
'chiffre' => '3',
'reponse' => 'B',
'reponse1' => 'C',
'reponse2' => 'D',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/3-monte.mp3'
) ,
'chx_3' => array(
'chiffre' => '4',
'reponse' => 'L',
'reponse1' => 'I',
'reponse2' => 'T',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/4-lent.mp3'
) ,
'chx_4' => array(
'chiffre' => '5',
'reponse' => 'T',
'reponse1' => 'D',
'reponse2' => 'L',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/5-langue.mp3'
) ,
'chx_5' => array(
'chiffre' => '6',
'reponse2' => 'B',
'reponse1' => 'P',
'reponse' => 'R',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/10-plein.mp3'
),
'chx_6' => array(
'chiffre' => '7',
'reponse' => 'O',
'reponse1' => 'C',
'reponse2' => 'G',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/6-trompé.mp3'
) ,
'chx_7' => array(
'chiffre' => '8',
'reponse1' => 'F',
'reponse' => 'E',
'reponse2' => 'K',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/7-menteur.mp3'
) ,
'chx_8' => array(
'chiffre' => '9',
'reponse' => 'H',
'reponse1' => 'I',
'reponse2' => 'J',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/8-plan.mp3'
) ,
'chx_9' => array(
'chiffre' => '10',
'reponse' => 'S',
'reponse1' => 'T',
'reponse2' => 'D',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/9-train.mp3'
),
'chx_10' => array(
'chiffre' => '11',
'reponse2' => 'R',
'reponse1' => 'N',
'reponse' => 'M',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/7-menteur.mp3'
) ,
'chx_11' => array(
'chiffre' => '12',
'reponse1' => 'W',
'reponse' => 'V',
'reponse2' => 'U',
'mot' => '',
'btn' => '../btn/oreille.png',
'mp3' => '../mp3/8-plan.mp3'
) 
);

$choix = array(
 'chx' => array('reponse_fausse' => 'A'),
 'chx_1' => array('reponse_fausse' => 'O'),
  'chx_2' => array('reponse_fausse' => 'B'),
  'chx_3' => array('reponse_fausse' => 'L'),
 'chx_4' => array('reponse_fausse' => 'T'),
  'chx_5' => array('reponse_fausse' => 'R'),
   'chx_6' => array('reponse_fausse' => 'O'),
 'chx_7' => array('reponse_fausse' => 'E'),
  'chx_8' => array('reponse_fausse' => 'H'),
  'chx_9' => array('reponse_fausse' => 'S'),
   'chx_10' => array('reponse_fausse' => 'M'),
  'chx_11' => array('reponse_fausse' => 'N')
);
$errors = array();
$point = array();
$si = 0.8333333333333333;
$z = 0;
if (isset($_POST['correction']))
{
 foreach($reponses as $cle => $reponse){
 $clic = trim($_POST[$cle]);
  
  echo'<tr>';
 echo'<td width="1%">';
 echo '<button class="button_audio" onclick="playVid(\'son_1'.$cle.'\')" type="button" value="' . $reponse['mp3'] . '"></button>';
    echo '<audio id="son_1'.$cle.'">';
    echo '<source src="' . $reponse['mp3'] .'" type="audio/mp3">';
    echo '<p>Votre navigateur ne supporte pas le format audio.</p>';
    echo '</audio>';
 echo'</td>';
foreach($choix as $key => $value){
if(empty($clic) && empty($clic) != $reponse['reponse']){
echo'<td style="text-align:center;" width="3%"><span style="color:#ff0000;"><b>'.$errors[$cle].'</b><span></td>';
  }else if($clic == $reponse['reponse']  AND $reponse['reponse']  != $cle){
    $point[$cle] = htmlspecialchars($clic);
    echo'<td style="text-align:center;" width="3%"><b>' . $point[$cle]  .'</b></td>';
    echo'<td style="text-align:center;" width="3%"><input style="margin:10px 0 0 -50px;"  type="radio" name="' . $cle . '" value="' . $reponse['reponse1'] . '" />  '. $reponse['reponse1'] .'</td>';
    echo'<td style="text-align:center;" width="3%"><input style="margin:10px 0 0 -50px;"  type="radio" name="' . $cle . '" value="' . $reponse['reponse2']  . '" />  '. $reponse['reponse2'] .'</td>'; 

    break;
   }else if($clic !== $reponse['reponse']  AND $reponse['reponse']  != $cle  ){

    $errors[$cle] = htmlspecialchars($clic);
    
    echo'<td style="text-align:center;" width="3%"><span style="color:#ff0000;"><b>'. $reponse['reponse1'] .'</b><span></td>';
    echo'<td style="text-align:center;" width="3%"><input style="margin:10px 0 0 -50px;"  type="radio" name="' . $cle . '" value="' . $reponse['reponse1'] . '" />  '. $reponse['reponse1'] .'</td>';
    echo'<td style="text-align:center;" width="3%"><input style="margin:10px 0 0 -50px;"  type="radio" name="' . $cle . '" value="' . $reponse['reponse2']  . '" />  '. $reponse['reponse2'] .'</td>'; 

    break;
   
   }
   }
   }
   echo $msg;
echo'</tr>';
 }

echo'</table>';
echo'<div class="clear"></div>';
echo '<br /><br />';
?>

merci d’avance


EDIT : Ajout de la coloration syntaxique (jordane)