Mettre du css dans formulaire pour l'aligner

Fermé

jetpilot007 Messages postés 6 Date d'inscription mardi 8 décembre 2009 Statut Membre Dernière intervention 10 décembre 2009 - 8 déc. 2009 à 22:29
avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 - 10 déc. 2009 à 10:48

Bonjour,
J ai crée un formulaire avec dses tableaux, je n'arrive a rien aligner. J ai suivi un tutorial pour mettre en CSS le label et a chaque fois que j'insère mon code je n'arrive plus a écrire,
quelqu'un pourrait il m'aider à aligner ce formulaire et corriger mon script Un super grand merci,
<p class="ID"> <table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="341" valign="bottom" background="../imagescommunes/bloc-texte.gif">
<form action="resultat.php" method="post" name="reservation" id="reservation" onSubmit="return verif()">
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
<tr valign="bottom">
<td colspan="6"> <h2 class="F">Demande de réservation</h2></td>
</tr>
<tr>
<td height="20" colspan="2" valign="top" class="titrecontact"><span class="F"> Coordonnées</span></td>

<td colspan="4" valign="top" class="titrecontact"><span class="F">Séjour
et hébergement</span></td>
</tr>
<tr>
<td height="24" class="texteformulaire"><span class="F">Nom :</span></td>
<td> <input name="nom" type="text" id="nom" size="30"> </td>
<td class="texteformulaire"><span class="F">Date d'arrivée :</span></td>

<td> <div align="left">
<select name="jourarrivee" id="jourarrivee">
<option value="0">-</option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>

<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>

<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>

<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>

<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>

<option>29</option>
<option>30</option>
<option>31</option>
</select>
</div></td>
<td> <div align="left">
<select name="moisarrivee" id="moisarrivee">

<option value="0">-</option>
<option>01</option>
<option>02</option>
<option>03</option>
<option>04</option>
<option>05</option>

<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>
<option>10</option>
<option>11</option>

<option>12</option>
</select>
</div></td>
<td> <div align="left">
<select name="anneearrivee" id="anneearrivee">
<option value="0">-</option>
<option>2007</option>

<option>2008</option>
</select>
</div></td>
</tr>
<tr>
<td height="24" class="texteformulaire"><span class="F">Prénom :</span></td>
<td> <input name="prenom" type="text" id="prenom" size="30"> </td>

<td class="texteformulaire"><span class="F">Date de départ :</span></td>
<td> <div align="left">
<select name="jourdepart" id="jourdepart">
<option value="0">-</option>
<option>01</option>
<option>02</option>

<option>03</option>
<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>

<option>09</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>

<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>

<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>

<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>

</div></td>
<td> <div align="left">
<select name="moisdepart" id="moisdepart">
<option value="0">-</option>
<option>01</option>
<option>02</option>
<option>03</option>

<option>04</option>
<option>05</option>
<option>06</option>
<option>07</option>
<option>08</option>
<option>09</option>

<option>10</option>
<option>11</option>
<option>12</option>
</select>
</div></td>
<td> <div align="left">
<select name="anneedepart" id="anneedepart">

<option value="0">-</option>
<option>2007</option>
<option>2008</option>
</select>
</div></td>
</tr>
<tr>
<td height="24" class="texteformulaire"><span class="F">E-mail :</span></td>

<td> <input name="email" type="text" id="email" size="30"> </td>
<td class="texteformulaire"><span class="F">Nombre d'adultes :</span></td>
<td> <div align="left">
<input name="adultes" type="text" id="adultes" size="2">
</div></td>
<td> </td>
<td> </td>

</tr>
<tr>
<td height="24" class="texteformulaire"><span class="F">Adresse :</span></td>
<td> <input name="adresse" type="text" id="adresse" value="" size="30"> </td>
<td class="texteformulaire"><span class="F">Nombres d'enfants </span><br></td>
<td> <div align="left">
<input name="enfants" type="text" id="enfants" size="2">

</div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="24" class="texteformulaire"><span class="F">Code Postal :</span></td>
<td> <input name="cp" type="text" id="cp" size="30"> </td>
<td class="texteformulaire"> </td>

<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="24" class="texteformulaire"><span class="F">Ville :</span></td>
<td> <input name="ville" type="text" id="ville" size="30"> </td>
<td class="texteformulaire"><span class="F">Formule souhaitée :</span></td>

<td colspan="3"> <div align="left">
<select name="formule" id="formule">
<option value="0">-</option>
<option>Nuitée & petit déjeuner</option>
<option>Sans petit déjeuner</option>

</select>
</div></td>
</tr>
<tr>
<td height="24" class="texteformulaire"><span class="F">Pays :</span></td>
<td> <input name="pays" type="text" id="pays" size="30"> </td>
<td class="texteformulaire1"> </td>
<td> <div align="right"> </div></td>

<td> </td>
<td> </td>
</tr>
<tr>
<td height="24" class="texteformulaire"><span class="F">Téléphone
:</span></td>
<td> <input name="telephone" type="text" id="telephone" size="30"> </td>
<td class="texteformulaire1"> </td>

<td><div align="right"> </div></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td height="25" colspan="2" class="texteformulaire"><span class="F">Remarque
ou demande particulière :</span></td>
<td> </td>
<td> </td>

<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="2"> <p class="texteformulaire" id="remarque" name="remarque" cols="38">
<textarea name="remarque" cols="35" rows="2" id="remarque"></textarea>
</p></td>
<td> <div align="right">
<input type="submit" name="Submit" value="Envoyer">

</div></td>
<td> </td>
<td colspan="2"> <div align="left">
<input name="retablir" type="reset" id="retablir" value="Rétablir">
</div></td>
</tr>
</table>
</form>
</td>

</tr>
</table>
</p>

A voir également:

Centrer formulaire css
Formulaire de réclamation facebook - Guide
Formulaire de reclamation instagram - Guide
Le formulaire rempli - Guide
Confirmer le nouvel envoi du formulaire err_cache_miss ✓ - Forum HTML
Problème avec Google Chrome - Forum Google Chrome

7 réponses

Réponse 1 / 7

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
9 déc. 2009 à 13:44

Tu utilises les tableaux, donc tu n'as pas suivis le tutoriel que je t'avais donné.
http://www.siteduzero.com/tutoriel-3-33971-aligner-ses-formulaires-sans-tableaux.html

Réponse 2 / 7

LelLex Messages postés 1628 Date d'inscription mercredi 18 février 2009 Statut Membre Dernière intervention 5 septembre 2012 112
9 déc. 2009 à 18:43

Mettez votre code dans la balise <'code'><'/code'> que propose CCM !
Cdt

Réponse 3 / 7

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
9 déc. 2009 à 20:04

Il y a aussi ce site pour coller des codes et faire la colorisation syntaxique.

Réponse 4 / 7

jetpilot007 Messages postés 6 Date d'inscription mardi 8 décembre 2009 Statut Membre Dernière intervention 10 décembre 2009
9 déc. 2009 à 22:04

Tu n'as pas par hasard un script tout faire de formulaire de résercation, je galère depuis 4jous , j ai 40 ans et comprends pas du tout le html

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 7

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
9 déc. 2009 à 23:14

Tu vas me prendre pour un chiant mais tout est dit dans cette page
Bon après, faut coder en PHP pour traiter les données.

Pour le style, tu en trouveras plein en tapant "css form examples" (comme celui-ci par exemple)

Réponse 6 / 7

jetpilot007 Messages postés 6 Date d'inscription mardi 8 décembre 2009 Statut Membre Dernière intervention 10 décembre 2009
10 déc. 2009 à 07:39

J avais bien compris, en gros tu ne sais pas m aider

Réponse 7 / 7

avion-f16 Messages postés 19252 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 10 février 2025 4 505
10 déc. 2009 à 10:48

Si, mais toi tu ne sais pas chercher !
Apprends au lieu de demander un formulaire tout fait.
Et comme je l'ai déjà dis, le formulaire ne suffit pas : il faut coder en PHP pour traiter les données.

https://openclassrooms.com/fr/courses/918836-concevez-votre-site-web-avec-php-et-mysql/913099-transmettez-des-donnees-avec-les-formulaires
http://xhtml.le-developpeur-web.com/form-xhtml.php
https://lmgtfy.app/?q=formulaire+xhtml

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Je n'arrive plus à récuperer mon compte Outlook

Utilisation des méthodes de manipulations du DOM

Google Chrome : "Nouvel envoi du formulaire"

Problème d'envoi de formulaire