Mettre du css dans formulaire pour l'aligner

jetpilot007 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention   -  
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   -
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>

7 réponses

avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
0
LelLex Messages postés 1628 Date d'inscription   Statut Membre Dernière intervention   112
 
Mettez votre code dans la balise <'code'><'/code'> que propose CCM !
Cdt
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Il y a aussi ce site pour coller des codes et faire la colorisation syntaxique.
0
jetpilot007 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
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
0

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

Posez votre question
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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)
0
jetpilot007 Messages postés 6 Date d'inscription   Statut Membre Dernière intervention  
 
J avais bien compris, en gros tu ne sais pas m aider
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
0