Aligner à droite sans sortir de div [Résolu/Fermé]

Signaler
Messages postés
1109
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
22 novembre 2020
-
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
-
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:

#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.

2 réponses

Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
594
salut
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.
Messages postés
1109
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
22 novembre 2020
81
Merci mais je pensais qu'il y avez une autre solution.
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
594
On pourrait aussi mettre le form class frm dans un div qui a 450 px de large et mettre le border sur ce div et float right sur le submit