2 boutons sur la même ligne

Résolu/Fermé
cs_philippe Messages postés 71 Date d'inscription jeudi 20 décembre 2001 Statut Membre Dernière intervention 30 juin 2016 - 28 juin 2016 à 11:14
cs_philippe Messages postés 71 Date d'inscription jeudi 20 décembre 2001 Statut Membre Dernière intervention 30 juin 2016 - 29 juin 2016 à 08:53
Bonjour,

Je veux placer 2 boutons l'un à côté de l'autre.
j'ai beau chercher je ne trouve pas ce que je veux


<input type="submit" value="Enregistrer" name="enregistrer" style="margin-left:20em;width:8em;">
<input type="reset" value="Effacer" name="effacer" style="margin-left:8em;">


Merci de votre aide

1 réponse

mrjenkins Messages postés 577 Date d'inscription jeudi 22 novembre 2007 Statut Membre Dernière intervention 17 juillet 2018 101
28 juin 2016 à 11:19
Bonjour,

pour info c'est de l'HTML, pas du PHP, mais c'est un détail ^^

Je pense qu'il faudrait aussi ce qu'il y autour pour comprendre pourquoi ils ne se suivent pas.
Sinon, il faudrait tenter :

<input type="submit" value="Enregistrer" name="enregistrer" style="margin-left:20em;width:8em;display:inline-block;">
<input type="reset" value="Effacer" name="effacer" style="margin-left:8em;display:inline-block;">



--
1
cs_philippe Messages postés 71 Date d'inscription jeudi 20 décembre 2001 Statut Membre Dernière intervention 30 juin 2016
28 juin 2016 à 11:50
1/ je viens de tester mais ça ne marche pas
2/ tout le code du formulaire

<form name="message" action="index.php?page=contacts" method="post">
<p style="color:blue; font-size:14px">Une question ?, une remarque ? une proposition ?<br />
N'hésitez pas, nous vous répondrons.</p>
Votre nom :  <INPUT type="text" value="<?php echo $nom; ?>" name="nom" style=" margin-left:115px" size="30"><br /><br />
Votre prénom :  <INPUT type="text" value="<?php echo $prenom; ?>" name="prenom" style=" margin-left:92px" size="30"><br /><br />
Indiquez votre adresse email  <INPUT type="text" value="<?php echo $mail; ?>" name="mail" size="30"><br />
<p>
Objet du message :  <INPUT type="text" value="<?php echo stripslashes($objet); ?>" name="objet" size="39"><br />
</p>
<textarea name="textemessage" rows="15" style="width:440px; font-size:13px"><?php echo $textemessage; ?></textarea><br />
<input type="reset" value="Effacer" name="effacer" style="margin-left:8em;display:inline-block;">
<input type="submit" value="Enregistrer" name="enregistrer" style="margin-left:20em;width:8em;display:inline-block;">

</FORM>

Pour info ces 2 boutons étaient des images mais ça marche pas sur FireFox !!
0
mrjenkins Messages postés 577 Date d'inscription jeudi 22 novembre 2007 Statut Membre Dernière intervention 17 juillet 2018 101
28 juin 2016 à 11:53
Il faut diminuer le margin-left du 2ème bouton. Ici tu mets 20em entre le 1er et le 2ème bouton ^^

1 ou 2 em suffit je pense.
Le but c'est qu'ils soient collés ou pas ?
Si oui : pas de margin-left.
Si non : définir l'espace.
0