[RESOLU] Mise en page de mon formulaire, avec un tableau ?

10 mars 2008, 00:54

Bonjour,

Je continue de mettre à jour mon formulaire : https://ssl2.ovh.net/~hoteluly/reservation.php

Cependant, je me heurte à un probléme de mise en page. Je ne sais pas si c'est lié à PHP, mais dans la version html sans PHP, j'avais pas ce probléme.

Voilà le probléme : je souhaite aligner les noms et les champs de saisies.

Mon tableau commence ainsi :

<TABLE WIDTH="600" BORDER="0" CELLPADDING="0" CELLSPACING="4">
<TR> <TDALIGN="RIGHT">
<FONT FACE="Arial, geneva, helvetica" SIZE="-1" COLOR="#000000"> 
<!-- Insérer le code du formulaire php ici -->
        <form name="formu" method="post" action="<?php echo $_SERVER["PHP_SELF"]; ?>">
Vous etes sur une page s&eacute;curis&eacute;e <br> You are on a secured web page
     <td><label for="nom"><font color="#000000"><b>Nom :</b> <i> Name :</font></i></label>
    <input type="text" size="30" name="nom" id="nom" value="<?php
        if (!empty($_POST["nom"])) {
// Saisi du nom
                echo htmlspecialchars($_POST["nom"],ENT_QUOTES);
        }
        ?>" />
<tr>
 <td><p><label for="prenom"><font color="#000000"><b>Prenom : </b><i>First Name :</i></font></label></td>
<td>  <input type="text" size="30" name="prenom" id="prenom" value="<?php
        if (!empty($_POST["prenom"])) {
// Saisi du prenom
                echo htmlspecialchars($_POST["prenom"],ENT_QUOTES);
        }
        ?>" />
</td>

Si vous visualisez mon formulaire, vous verrez que la ligne de saisie prénom n'appraît pas. Elle a disparu depuis que j'ai ajouté les balises <tr> et <td> à mes zones de saisies.

Ma question : pourquoi a t'elle disparue ? Dans ce cas, comment utiliser un tableau dans mon formulaire si mes zones de saisies disparaissent au fur et à mesure que je crée mon tableau...

Si vous avez une idée ou carrément une solution différente pour mettre en forme mon formulaire, je suis preneur;

Je ne vois pas comment faire une mise en page correcte

10 mars 2008, 01:11

Ton code html a une drole de tête:
A vue de nez:
-Tu as des balises tr ouvrantes, sans balises fermantes.
- il manque un espace dans ton premier td, tdalign n'est pas un tag valide

Prends le temps de bien structuré ton code html, en l'indendantant et de vérifier que toutes les balises correspondent bien.

10 mars 2008, 01:56

Un premier jet sur la bonne façon de structurer un formulaire avec de l'HTML :

Code : Tout sélectionner

<form action="maPage.php" action="post">
  <p><label for="monId">Label de mon champ&nbsp;:</label>
     <input type="text" id="monId" name="monNom" value="" maxlength="255" /></p>
  <p class="button"><input type="submit" /></p>
</form>

et avec un petit code CSS associé :

Code : Tout sélectionner

label {
    float: left;
    display: block;
    width: 50%;
    text-align: right;
    cursor: pointer;
}

C'est un code écrit en 2mn, mais je pense que c'est déjà une bonne piste à explorer non ? De ce fait, ton code HTML est propre et accessible, et tu utilises la bonne technologique, à savoir le CSS pour la mise en forme. Tu trouveras des liens intéressants dans le sujet : [Intéressant] Sites de référence HTML/CSS. Je te conseille de lire la majorité de ces sites si tu veux espérer avoir un rendu correct à la fin.

10 mars 2008, 08:53

Modération :
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "HTML, XHTML, CSS".

[RESOLU] Mise en page de mon formulaire, avec un tableau ?

Qui est en ligne