Discussion :

[fabiofabio]

Bonjour,

Comment fait-on pour avoir 2 formulaires sur la même ligne?

car si je fais ce code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<form method="post" action="rechercher.php">
  <input  type="text" name="recherche"  />
  <input  type="submit" name="rechercher" value="Rechercher" />
</form>
 
<form method="post" action="creer_fiche.php">
  <input  type="submit" name="creerfiche" value="Creerunefiche" />
</form>

le 2ème formulaire est en dessous de l'autre !

Je voudrais mettre le 1er formulaire au milieu de la page et le 2ème formulaire à droite de la ligne (sur la même ligne)

peut-on le faire en css?

merci merci

[Bisûnûrs]

Soit tu mets display:inline sur tes balises form, soit float:left.

[Kerod]

peut-on le faire en css?

Il y a qu'en CSS que tu peux modifier le positionnement des blocs

Donc oui sera la réponse à ta question.

[fabiofabio]

une fois de plus , merci pour vos réponses

comment on pourrait faire en css, il faut que les 2 formulaires soit dans le meme block ou bien il faut faire 2 blocs?

[Kerod]

Ben il faut faire comme Bisûnûrs l'a dit.

Si tu mets les deux formulaires l'un dans l'autre c'est pas top.

Et la solution de Bisûnûrs c'est soit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
form
{
  float : left;
}

soit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
form
{  display : inline }

Ceci est un exemple, il faudrait donc adapter à ton code. Pourquoi : parce que ça mettra tous les formulaires en inline.

[fabiofabio]

Vous auriez un bout de code car mon FORMULAIRE2 se retrouve dans le TEXTE2

avec par exemple une structure comme ceci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
TEXTE1
 
FORMULAIRE1                                                         FORMULAIRE2
 
TEXTE2

Merci d'avance

[Kerod]

Utilise une structure de ce style :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="bloc"><form>....</form></form></div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

#bloc{ display: table;} form{float:right;}

Ca devrait fonctionner avec ça.

[fabiofabio]

En fait, je n'ai pas bien compris le code CSS

mais j'ai réussit à solutionner

en mettant le FORMULAIRE2 avant le FORMULAIRE

les 2 formulaires sont entouré de <div>

et le 1er formulaire, j'ai mis un css : float : right;
et le 2ème formulaire, j'ai mis un css : text-align : center;

voila, merci pour vos aide mais j'ai un peu galéré

[Kerod]

Arf. J'ai oublié un form dans mon HTML.

Pour information, ton align center pour le deuxième ne sert à rien. Si tu l'enlèves ça fera la même chose. Sauf que tes composants seront tous à gauche.

[fabiofabio]

ok mais je veux que le premier composant se trouve à droite
et que le 2ème composant se trouve au milieu

merci merci

[Kerod]

de quel composant parles-tu ?

[fabiofabio]

Tu me conseilles de ne pas utiliser "align-center" mais dans ma demande d'origine : je voulais un formulaire au milieu et un formulaire à droite et les 2 formulaires sur la même ligne

Bref, merci pour tout

[Kerod]

Ce pas ce que montrait ta représentation (voir plus haut).

Ta solution fonctionne parce que l'élément formulaire prend toute la largeur de la page par défaut et donc tous les composants qui y sont seront centrés. Mais ce n'est pas le form lui même qui est centré.

Pour centrer le form il faudrait lui donner une largeur par défaut et lui donner un margin : auto, tout en mettant un align-center sur le div parent.

Mais si ça te parait trop compliquer garde ta solution

[fabiofabio]

ok merci et ... encore merci ...