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 -
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>
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
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
http://www.siteduzero.com/tutoriel-3-33971-aligner-ses-formulaires-sans-tableaux.html
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
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)
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)
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
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