2 boutons sur la même ligne

Résolu

Html

cs_philippe Messages postés 71 Date d'inscription Statut Membre Dernière intervention -
cs_philippe Messages postés 71 Date d'inscription Statut Membre Dernière intervention - 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

Afficher la suite

A voir également:

Mettre deux boutons cote a cote html
Comment mettre deux textes côte à côte sur word - Guide
Pourquoi mon casque bluetooth ne marche que d'un coté ✓ - Forum Casque et écouteurs
Point vert a cote de la batterie - Accueil - Protection
Dans le document à télécharger, placez les 2 images côte à côte et donnez-leur la même hauteur. marie a gagné un lot à l’un des trois tirages. qu’a-t-elle gagné ? ✓ - Forum Word
Croix a cote contact snap - Forum Snapchat

1 réponse

Réponse 1 / 1

mrjenkins Messages postés 580 Date d'inscription Statut Membre Dernière intervention 102

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;">

cs_philippe Messages postés 71 Date d'inscription Statut Membre Dernière intervention

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 !!

mrjenkins Messages postés 580 Date d'inscription Statut Membre Dernière intervention 102

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.

Discussions similaires

Faire passer du texte SOUS une image HTML / CSS

bouton on off sur div

HTML 5 : Code source pour afficher Date et Heure :

Ecrire du texte à coté de l 'image

Editer le code html d'une page créé avec wordpress

Lien vers un fichier en local via une page en html en ligne.

Votre réponse

Discussions similaires