Pb d'alignement de boutons

Version imprimable

18/01/2007, 19h11
Iodev

Pb d'alignement de boutons
Bonsoir,

J'ai un formulaire avec plein de champs textes tous centrés au millieu de ma page.
A la fin un bouton, submit, methode post, centré aussi.

Mon problème est que j'aimerais ajouter un deuxième bouton aligné au premier mais celui ci dois poster aussi des données de type cachées.

D'un point de vue fonctionnement, ça marche, en gros j'ai :

Code:

<div id='mainContent'><form><input type='text'></form><form><input type='hidden'></form></div>

le css assez simpliste :
Code:

1 2 3 4 5 6 #mainContent { text-align: center ; margin-left: 225px; margin-right: 225px; margin-top: 75px; }
Le problème est que la balise form fais un saut de ligne et mes boutons sonts centrés mais l'un sur l'autre.
Si j'imbrique un formulaire dans l'autre, ça colle ! Mais j'ai le fameux bug du submit qui ne corresponds pas au bon formulaire !

Quelqu'un a déjà eu à faire à ce problème ? Comment avoir mes boutons collés ?
18/01/2007, 20h48
MasterOfChakhaL

Je ne suis pas sur d'avoir compris ton problème.

Quand tu soumets ton formulaire, tous les champs (même cachés) sont envoyés...
Du coup, je ne comprends pas l'utilité de ton deuxième bouton.

De plus, si tu veux donner des règles css spécifiques à un élément, il te suffit d'indiquer soit une classe ou un id puis de le cibler comme il faut dans ton css...
18/01/2007, 21h22
Iodev

Merci pour ta réponse,

Alors l'utilité :
J'ai mon formulaire avec un bouton "sauvegarder", un autre "annuler", un autre "publier" et un autre "modifier"

Ces 3 autres boutons doivent etre des formulaires à champs cachés car je dois transmettre plusieurs variables par post aux differentes pages qu'ils devront appeler (d'ou la nécéssité d'utiliser les balises form).

Je vais esseyer de cibler ça en CSS un peu mieux et si j'y arrive pas je viendrais poster du code.

Bon ben, cette balise <form> est vraiment...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
// BOUTON SAUVEGARDER
        echo "<div id='mainContent'><span class='mestext'><h2><strong>Edition de l'etape n°$etape</strong></h2>";
	echo "<p><form action='http://127.0.0.1/web/save.php' method='post'>";
	echo "<h3>Entrez ici votre texte :</h3>";
	echo "<p><TEXTAREA name='letexte' rows=10 COLS=75></TEXTAREA></p>";
	echo "<p><h3>URL :</h3></p>";
	echo "<li>Le bouton 1 :</li><p><input type='text' name='choix1' size='100'></p>";
	echo "<p>Score : <input type='text' name='bonus1' size='3'> Etape de destination : <input type='text' name='etapedest1' size='3'></p>";
	echo "<INPUT TYPE='hidden' NAME='etape' VALUE=$etape><INPUT TYPE='hidden' NAME='mytable' VALUE=$mytable>";
	echo "</p></span><span class='sauvegarde'><input type='submit' value='Sauvegarder'></span></form>";
 
	$precedent = $etape-1 ;
	// ANNULER
	echo "<span class='annule'><form action='http://127.0.0.1/web/edit.php' method='post'>" ;
	echo "<INPUT TYPE='hidden' NAME='etape' VALUE=$precedent><INPUT TYPE='hidden' NAME='mytable' VALUE=$mytable>";
        echo "<input type='submit' value='Annuler'></span></form></span>" ;
 
        // MODIFIER
	echo "<span class='modif'><form action='http://127.0.0.1/web/modif.php' method='post'>" ;
	echo "<INPUT TYPE='hidden' NAME='foo' VALUE=$mavalue><INPUT TYPE='hidden' NAME='variable3' VALUE=$var3>";

Voila pour le html, le css est simple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
#mainContent{
text-align: center;
}
.mestext{
background-color:#00F;
text-align: center ;
color:#000;
margin-left: 225px;
margin-right: 225px;
margin-top: 75px;
}
.sauvegarde{
background-color:#0F0;
}
.annule{
background-color:#F00
}

Comme ceci ils sont toujours l'un sur l'autre. J'ai testé d'autres solutions mais rien a faire.

18/01/2007, 22h49
MasterOfChakhaL

re,

Les formulaires ne marchent pas comme ca.
Quand tu cliques sur le submit, tu envoies tous les champs du formulaire auquel appartient le submit.

Donc là, tu n'envoies rien...
Si j'étais toi, je ferais soit:

1) un formulaire unique dans lequel tu mets ton champ caché et tes trois ubmits.
Si tu mets un name différent sur tes submits, alors tu pourras savoir leqel a été cliqué.
2) tu fais trois formulaires dans lesquels tu répetent a chaque fois ton champ caché...
18/01/2007, 23h20
Iodev

J'ai trouvé !!!

#mainContent form
{
display: inline;
}

:D

merci

Le pb c'etait que <form><form></form></form> bug, la balise form ne supporte pas l'imbrication.
Et si je fesais <form></form><form></form> j'avais un saut de ligne entre les deux formulaire.

Ta solution 1 est valable, j'aurai pu faire avec 3 bouton dans un seul formulaire comme tu dis mais je n'avais alors qu'un seul lien possible. Il m'aurai fallu faire une redirection.
La 2 non, a cause du saut de ligne entre les formulaires.