Ne jamais remettre au lendemain ce qu'on pourrait faire faire par un autre le surlendemain

La page que tu me montre est possible à quelques corrections de détail près : toutes tes balises input on le même nom: comment feras-tu la différence ?
Proposition sur la base de ton code source HTML remis en forme (j'ai ramassé le html et le CSS et j,ai revu avec un peu de PHP pour générer le tableau:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Registre</title>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<!--
<link rel="StyleSheet" type="text/css" href="Css/Style.css">
-->
<style type="text/css">
/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
input, textarea, option, select { border: 1px outset rgb(251, 175, 77);
background-color: rgb(192, 192, 192);
font-family: Times,sans-serif;
font-size: 12pt;
font-weight: inherit;
}
input {
width: 1.5em;
margin: 0;
}
hr
{
color: rgb(255,123,0)
}
h1 {
padding: 6px;
background-color: rgb(0, 0, 0);
font-family: Tahoma;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 18pt;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
color: silver;
}
h2 { color: rgb(255, 170, 51);
font-size: 14pt;
margin-left: 5px;
margin-bottom: 15px;
}
h3 { margin: 5px;
color: rgb(255, 170, 51);
font-size: 12pt;
}
p { margin: 10px;
text-align: center;
font-size: 10pt;
}
b { color: rgb(255, 255, 255);
text-align: center;
}
.bleu { color: blue;
font-size: 14pt;
}
a { font-family: Tahoma;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 8pt;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
text-decoration: none;
color: rgb(250, 248, 233);
}
a:hover { color: red;
}
li { color: rgb(255, 255, 255);
font-size: 10pt;
list-style-type: square;
text-align: center;
}
address { padding: 6px;
background-color: rgb(0, 0, 0);
color: rgb(255, 255, 255);
font-size: 9pt;
}
.alert { color: rgb(255, 255, 255);
font-size: 10pt;
font-weight: bold;
text-align: center;
margin-left: 50px;
margin-right: 50px;
}
.button { border: 1pt solid rgb(102, 102, 102);
color: rgb(204, 0, 0);
font-weight: bold;
text-transform: capitalize;
text-align: center;
font-size: large;
line-height: 10cm;
background-color: rgb(192, 192, 192);
opacity: 1;
background-repeat: no-repeat;
background-position: left center;
}
td { font-family: Tahoma;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 8pt;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
color: silver;
width: 2em;
}
.bouton { background: rgb(0, 0, 0) url(../image/bouton.jpg) repeat scroll 0%;
text-align: right;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}
.lien { color: rgb(170, 124, 49);
}
.nolien { font-family: Tahoma;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 8pt;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
color: rgb(250, 248, 233);
}
.fond { background: rgb(51, 51, 51) none repeat scroll 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}
.fond2 { background: rgb(255, 204, 0) none repeat scroll 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}
.titre { font-family: Tahoma;
font-style: normal;
font-variant: normal;
font-weight: bold;
font-size: 10pt;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
color: silver;
}
table {
margin-left:inherit;
}
</style>
</head>
<body class="fond">
<center>
<table width="95%" cellspacing="0" cellpadding="0" border="1" bgcolor="#000000" summary="">
<tr>
<td width="50" nowrap class="fond" valign="bottom">
<!-- Coin Haut gauche -->
<div align ="center">
<p style="font-weight: bold; text-decoration: underline; font-size: 1.2em">REGISTRE DE PRESENCE</p>
</div>
<table cellspacing="2" cellpadding="0" border="0" summary="">
<tr>
<td width="102" height="21" nowrap class="bouton">
<a class="lien" href="index.php'">Accueil</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<!-- Menu gauche -->
<td>
<!-- Corps de la page -->
<center>
<table border="1" summary="" style="margin: 20% 0">
<tr>
<td>
<font style="font-weight: bold; text-decoration: underline;">Sep,2005</font>
</td>
<?php
$nb_jours = 30;
for($i = 1; $i <= $nb_jours; $i++)
{
?>
<td><?php echo($i); ?></td>
<?php
}
?>
</tr>
<?php
$noms = array("BOUJABOUD", "ERNAELSTEN", "QSDF");
foreach($noms as $nom)
{
?>
<tr>
<td><?php echo($nom); ?></td>
<?php
for($i = 1; $i <= $nb_jours; $i++)
{
?>
<td><input maxlength="1" size="1" name="Heure[]"></td>
<?php
}
?>
</tr>
<?php
}
?>
</table>
</center>
</td>
</tr>
</table>
</center>
<br>
<table summary="">
<tr>
<td>
<address>13/09/2005 <a href="mailto:">
<img style="border: 0px solid ; width: 45px; height: 38px;" align ="right"alt="Mail webmestre" title="Mail Webmestre" src="image/dpenguin.gif">
</a>
</address>
<br>
</td>
</tr>
</table>
</body>
</html>
Il te restera à ajouter le bouton de validation: Tu auras noté que name="Heure" est devenu name="Heure[]" : ce n'est pas suffisant comme correction puisque la différence entre une ligne et l'autre est impossible à faire tel quel, mais en revanche, ça te donne un point de départ. Ensuite mettre Heure[] envoie dans ce cas un tableau indexé. Tu peux parfaitement avoir des attributs name dynamiques d'une ligne à l'autre, je te laisse réfléchir un peu sur la question.