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.