Aligner à droite sans sortir de div
Résolu
barale61
Messages postés
1326
Statut
Membre
-
animostab Messages postés 3003 Statut Membre -
animostab Messages postés 3003 Statut Membre -
Bonjour,
Je souhaite savoir comment aligner un input type submit comme les type text à droite sans qu'il sorte de ma div alors je fais ceci:
et mon formulaire:
mais il sort de ma div.
Je vous remercie de votre aide.
Je souhaite savoir comment aligner un input type submit comme les type text à droite sans qu'il sorte de ma div alors je fais ceci:
#page {
width: 960px;
margin: auto;
}
.frm {
width: 450px;
margin: auto;
border: 1px solid red;
}
label {
display: block;
float: left;
width: 100px;
text-align: right;
margin-right: 10px;
}
input[type=text],[type=email],[type=tel],textarea {
display: block;
margin-bottom: 10px;
width: 300px;
}
input[type=submit] {
float: right;
}
textarea {
height: 150px;
}
et mon formulaire:
<div id="page">
<form class="frm" action="index.php" method="post" id="frm" name="frm">
<label>Nom</label><input placeholder="Votre nom" type="text" name="nom" id="nom">
<label>Prénom</label><input placeholder="Votre prénom" type="text" name="prenom" id="prenom">
<label>Adresse</label><input placeholder="Votre adresse" type="text" name="adresse" id="adresse">
<label>Ville</label><input placeholder="Votre ville" type="text" name="ville" id="ville">
<label>Téléphone</label><input placeholder="Votre téléphone" type="tel" name="telephone" id="telephone">
<label>Email</label><input placeholder="Votre email" type="email" name="email" id="email">
<label>Message</label><textarea placeholder="Votre message"></textarea>
<input type="submit" value="Envoyer" name="envoyer" id ="envoyer">
</form>
</div>
mais il sort de ma div.
Je vous remercie de votre aide.
A voir également:
- Div droite
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Ctrl droite ✓ - Forum Logiciels
- Barre droite mac ✓ - Forum MacOS
- Div c++ - Télécharger - Langages
- Barre droite clavier - Forum Clavier
2 réponses
salut
float right au submit le fait sortir du flux donc de frm
fais plutot
ou sinon avec float right rajoute un div vide apres l'input submit
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
float right au submit le fait sortir du flux donc de frm
fais plutot
input[type=submit] {
width:70px;
margin-left:350px;
}
ou sinon avec float right rajoute un div vide apres l'input submit
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
