Débutant : form en html
Résolu/Fermé
bat2408
Messages postés
325
Date d'inscription
samedi 21 janvier 2012
Statut
Membre
Dernière intervention
16 décembre 2017
-
24 avril 2016 à 21:44
bat2408 Messages postés 325 Date d'inscription samedi 21 janvier 2012 Statut Membre Dernière intervention 16 décembre 2017 - 26 avril 2016 à 00:14
bat2408 Messages postés 325 Date d'inscription samedi 21 janvier 2012 Statut Membre Dernière intervention 16 décembre 2017 - 26 avril 2016 à 00:14
A voir également:
- Débutant : form en html
- Logiciel de programmation pour débutant - Guide
- Formation sap débutant pdf ✓ - Forum Logiciels
- Partition piano gratuite débutant avec notes ✓ - Forum Musique / Radio / Clip
- Apprendre le coran pour débutant (+ pdf) - Télécharger - Histoire & Religion
- Salaire mangaka débutant ✓ - Forum Loisirs / Divertissements
2 réponses
jordane45
Messages postés
38145
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
25 avril 2024
4 650
24 avril 2016 à 23:20
24 avril 2016 à 23:20
Bonjour,
Oula.....
Qu'est-ce que c'est que ces : <label1 .... <label2 ...
Modifie ton code ainsi :
et pour tes labels :
Oula.....
Qu'est-ce que c'est que ces : <label1 .... <label2 ...
Modifie ton code ainsi :
label{ display: block; width: 8%; } label .label1{ float: left; } label .label2{ float: right; }
et pour tes labels :
<label class="label1" for="civilite">Civilité : *</label> <code html> <label class="label2" for="prenom"> Prenom: <span style="color: red"> * </span> </label>
bat2408
Messages postés
325
Date d'inscription
samedi 21 janvier 2012
Statut
Membre
Dernière intervention
16 décembre 2017
88
25 avril 2016 à 21:23
25 avril 2016 à 21:23
Merci pour la réponse. J'ai changé pas mal de choses, mais toujours impossible d'aligner proprement mon formulaire, je n'arrive pas à mettre mes input alignés avec (par exemple) "Nom :", ni à les décaler plus loin...
Voilà mon code de formulaire :
J'aimerais arriver à ça en fait : https://prnt.sc/awrm5m
Je ne comprend pas pourquoi peu importe ce que je met dans .cadregauche il va me placer le input SOUS le texte...
Un grand merci d'avance!
Voilà mon code de formulaire :
<table> <thead> <tr> <th class="titretab2">Adresse de facturation</th> </tr> </thead> <tbody> <td> <form method="post" action="traitement.php"> <span class="gauche"> <label for="civilite">Civilité : *</label> <select class="cadregauche" name="civilite" id="civilite"> <option value="monsieur">Monsieur</option> <option value="madame">Madame</option> </select> </span><br><br> <span class="gauche"> <label for="nom">Nom : <span style="color: red"> * </span></label> <input class="cadregauche" type="text" id="nom" /> </span> <span class="droite"> <label for="prenom" >Prenom : <span style="color: red"> * </span></label> <input type="text" id="prenom" /> </span><br><br> <span class="gauche"> <label for="adresse">Adresse : *</label> <input class="cadregauche" type="text" id="adresse1" /> </span> <span class="droite"> <label for="cpostal">Code postal : *</label> <input type="text" id="cpostal" /> </span><br><br> <span class="gauche"> <label for="adresse2"></label> <input class="cadregauche" type="text" id="adresse2" /> </span> <span class="droite"> <label for="ville">Ville : *</label> <input type="text" id="ville" /> </span><br><br> <span class="gauche"> <label for="email1">Email : *</label> <input class="cadregauche" type="text" id="email1" /> </span> <span class="droite"> <label for="email2">Confirmer votre email : *</label> <input type="text" id="email2" /> </span><br><br> <span class="msgmail"> <p>Un email valide est indispensable car la réception des billets se fait par mail.</p> </span> <p class="msgbp"> <input type="checkbox" name="bonplan" id="bonplan" /> <label for="bonplan">Cochez la case pour être informé des bons plans du salon</label> </p> </form> </td> </tbody> </table>
table { border-collapse: collapse; width: 75%; margin : 1% auto auto auto; } td, th { border: 1px solid black; padding: 0.5%; text-align:center; } p { text-align:left; } .gauche{ display:block; float:left; text-align:left; } .droite{ display:block; float:right; } .cadregauche{ display:block; margin-left:20%; }
J'aimerais arriver à ça en fait : https://prnt.sc/awrm5m
Je ne comprend pas pourquoi peu importe ce que je met dans .cadregauche il va me placer le input SOUS le texte...
Un grand merci d'avance!
bat2408
Messages postés
325
Date d'inscription
samedi 21 janvier 2012
Statut
Membre
Dernière intervention
16 décembre 2017
88
26 avril 2016 à 00:14
26 avril 2016 à 00:14
J'ai finalement réussi, en mettant un tableau dans mon tableau, merci!