Bonjour à tous,
J'ai l'habitude de faire des formulaires web avec une mise en page en tableau.
Je fais cela parce que je veux que mes formulaires soient centrés quelque soit la largeur du formulaire.
J'ai regardé sur le forum et dans la faq sur les formulaires, mais la largeur est à chaque fois précisée dans la feuille style.
Etant donné que je ne connais pas à l'avance la largeur du formulaire, je ne peux pas la préciser.
Voici le code que j'utilise :
Merci d'avance pour les réponses.
Modifié par pitivier (08 Jan 2006 - 16:14)
J'ai l'habitude de faire des formulaires web avec une mise en page en tableau.
Je fais cela parce que je veux que mes formulaires soient centrés quelque soit la largeur du formulaire.
J'ai regardé sur le forum et dans la faq sur les formulaires, mais la largeur est à chaque fois précisée dans la feuille style.
Etant donné que je ne connais pas à l'avance la largeur du formulaire, je ne peux pas la préciser.
Voici le code que j'utilise :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Un formulaire en tableau</title>
<meta http-equiv="Content-Type" content="charset=iso-8859-1" />
<style type="text/css">
/*<![CDATA[*/
table.formulaire{
margin-left: auto;
margin-right: auto;
border-style: solid;
border-width: 1px;
border-color: #000;
}
*.right{
text-align: right;
}
*.center, h1{
text-align: center;
}
span.lib{
font-weight: bold;
margin-left: 5px;
}
/*]]>*/
</style>
</head>
<body>
<h1>Le titre de la page</h1>
<form id="mainForm" method="post" action="...">
<table class="formulaire">
<tr>
<td class="right"><label for="nom">Nom :</label></td>
<td><input type="text" id="nom" name="nom" value="" /><span class="lib">Un peu de texte de longueur variable</span></td>
</tr>
<tr>
<td class="right"><label for="prenom">Prénom :</label></td>
<td><input type="text" id="prenom" name="prenom" value="" /></td>
</tr>
<tr>
<td class="right"><label for="codepostal">Code postal :</label></td>
<td><input type="text" id="codepostal" name="codepostal" value="lib" /><span class="lib">Un autre texte</span></td>
</tr>
<tr>
<td colspan="2" class="center">
<input type="submit" value="Envoyer" />
<input type="reset" value="Effacer" />
</td>
</tr>
</table>
</form>
</body>
</html>
Merci d'avance pour les réponses.
Modifié par pitivier (08 Jan 2006 - 16:14)