Sujet Précédent Sujet Suivant

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 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 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>

7 réponses

Réponse 1 / 7
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 498
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
0
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
0
Réponse 3 / 7
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 498
9 déc. 2009 à 20:04
Il y a aussi ce site pour coller des codes et faire la colorisation syntaxique.
0
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
0

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

Posez votre question
Réponse 5 / 7
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 498
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)
0
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
0
Réponse 7 / 7
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 498
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
0

Discussions similaires

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

4 réponses
Compte HOTMAIL bloqué . Que faire ?
HAPOKA -
Charliemouse1922 -

27 réponses
Contacter le "bon coin"
babet56 -
SUDEST13 -

28 réponses
[CSS] Forcé retour à la ligne
aKuma59 -
zigoss -

33 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses