Eviter un passage à la ligne avec les balises <form></form>
Résolu/Fermé
janmar
Messages postés
148
Date d'inscription
vendredi 17 mai 2013
Statut
Membre
Dernière intervention
29 août 2015
-
Modifié par janmar le 24/07/2013 à 10:09
Goelano Messages postés 5 Date d'inscription mardi 25 décembre 2007 Statut Membre Dernière intervention 23 octobre 2014 - 23 oct. 2014 à 21:26
Goelano Messages postés 5 Date d'inscription mardi 25 décembre 2007 Statut Membre Dernière intervention 23 octobre 2014 - 23 oct. 2014 à 21:26
A voir également:
- Eviter un passage à la ligne avec les balises <form></form>
- Aller à la ligne excel - Guide
- Apparaitre hors ligne instagram - Guide
- Vente en ligne particulier - Guide
- Ligne occupée - Forum SFR
- Comment aller a la ligne sur iphone ✓ - Forum iPhone
3 réponses
js95
Messages postés
773
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
29 juillet 2014
353
Modifié par js95 le 24/07/2013 à 10:17
Modifié par js95 le 24/07/2013 à 10:17
C'est une question de CSS. <form> est une balise de type block.
Si tu as une feuille de style attachée à ta page, ajoute dedans:
et le tour est joué.
Sinon ajoute l'attribue
La précision est le fruit de la réussite.
Si tu as une feuille de style attachée à ta page, ajoute dedans:
form { display: inline-block; }
et le tour est joué.
Sinon ajoute l'attribue
style="display: inline-block;"dans tes balises <form>.
<form style="display: inline-block;" > ... </form>
La précision est le fruit de la réussite.
janmar
Messages postés
148
Date d'inscription
vendredi 17 mai 2013
Statut
Membre
Dernière intervention
29 août 2015
3
24 juil. 2013 à 11:13
24 juil. 2013 à 11:13
Merci.
C'est tout à fait ça.
C'est tout à fait ça.
js95
Messages postés
773
Date d'inscription
samedi 14 juin 2008
Statut
Membre
Dernière intervention
29 juillet 2014
353
14 août 2013 à 17:34
14 août 2013 à 17:34
C'est le dernier code que tu as écrit que tu dois utiliser, les <input> doivent être dans le innerHTML de la balise <form>, après si le CSS est correctement lié à la page HTML, il n'y a aucune raison que ça ne fonctionne pas, à moins d'utiliser un très mauvais navigateur internet...
janmar
Messages postés
148
Date d'inscription
vendredi 17 mai 2013
Statut
Membre
Dernière intervention
29 août 2015
3
19 août 2013 à 11:36
19 août 2013 à 11:36
merci de ces précisions.
J'ai encore quelques tests à faire, mais cela proviendrait peut-être de ma fenêtre qui n'est pas tout à fait grande.
Je considère la question résolue.
Merci.
J'ai encore quelques tests à faire, mais cela proviendrait peut-être de ma fenêtre qui n'est pas tout à fait grande.
Je considère la question résolue.
Merci.
Goelano
Messages postés
5
Date d'inscription
mardi 25 décembre 2007
Statut
Membre
Dernière intervention
23 octobre 2014
21
23 oct. 2014 à 21:26
23 oct. 2014 à 21:26
Merci pour ces conseils ! J'avais le même problème. Voici mon code avant :
<FORM ACTION="toto.php" METHOD=post NAME=toto>
<INPUT etc etc ...>
</FORM>
et j'avais un saut de ligne en fin de formulaire !
Voici mon code maintenant :
<FORM ACTION="toto.php" METHOD=post STYLE="display:inline;" NAME=toto>
<INPUT etc etc ...>
</FORM>
et je n'ai plus de saut de ligne ! Super !
<FORM ACTION="toto.php" METHOD=post NAME=toto>
<INPUT etc etc ...>
</FORM>
et j'avais un saut de ligne en fin de formulaire !
Voici mon code maintenant :
<FORM ACTION="toto.php" METHOD=post STYLE="display:inline;" NAME=toto>
<INPUT etc etc ...>
</FORM>
et je n'ai plus de saut de ligne ! Super !
26 juil. 2013 à 19:09
Je pensais en avoir fini avec ces satanées balises, mais ça ne marche toujours pas :
Je souhaite disposer sur une même ligne DEUX input, qui n'ont pas la même action, puis sur la ligne suivante encore deux input.
Lorsque je fais un code comme ceci :
la disposition est bonne, mais tous les input font la même action (la première).
Si je fais un code comme celui-là :
Les input font bien leur travail (chacun leur action), mais j'obtiens systématiquement un retour à la ligne, on dirait même une 1/2 ligne !...
J'ai essayé de mettre mes input entre des balises <p></p>, j'ai bien sûr un saut de ligne supplémentaire.
J'ai essayé les deux solutions préconisées, la première dans le CSS avec form{....}, la seconde directement dans les balises <form> rien à faire
Bien entendu, je n'ai pas de saut de ligne dans le CSS.
La solution radicale serait d'accepter les sauts de ligne, mais ça aurait comme conséquence que je n'aurai pas compris le pourquoi du comment, et en plus, ce serait moche.
Pour la beauté du formulaire, si quelqu'un peut se pencher sur le problème, je l'en remercie d'avance.