Supprimer les retours à la ligne après un form

Version imprimable

1 pièce(s) jointe(s)

Bonjour,

j'affiche une liste de noms cliquables à l'aide du code ci-dessous :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<form style='margin: 0px;padding: 0px' name='_H420_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' /><a href='#' class='R4' onClick='_H420_.submit()'>AUBOYNEAU Philippe</a></form>
<form style='margin: 0px;padding: 0px' name='_H15599_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' />&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='_H15599_.submit()'>AUPHAN Gabriel</a></form>
<br />
<form style='margin: 0px;padding: 0px' name='_H158_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' /><a href='#' class='R4' onClick='_H158_.submit()'>BRESSOLLES René</a></form>
<br />
<form style='margin: 0px;padding: 0px' name='_H13351_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' /><a href='#' class='R4' onClick='_H13351_.submit()'>CONTIN Henri</a></form>
<br />
<form style='margin: 0px;padding: 0px' name='_H1461_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' /><a href='#' class='R4' onClick='_H1461_.submit()'>DELISSEN Émile</a></form>
<form style='margin: 0px;padding: 0px' name='_H15524_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' />&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='_H15524_.submit()'>DE TRÉMAUDAN Hervé</a></form>
<form style='margin: 0px;padding: 0px' name='_H15499_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' />&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='_H15499_.submit()'>DU GARDIN Joseph</a></form>
<br />
<form style='margin: 0px;padding: 0px' name='_H155_' method='post' action='./__test.php'><input type='hidden' name='page' value='31' /><a href='#' class='R4' onClick='_H155_.submit()'>FALHUN François</a></form>
...

Ce qui donne :
http://alamer.fr/__TEST__/avant.jpg

Les sauts de ligne sont toujours présents malgré les :

Code:

style='margin: 0px;padding: 0px'

insérés comme conseillés dans les divers forums.

Cependant je souhaite ce type de résultat :
http://alamer.fr/__TEST__/apres.jpg

Merci de votre aide,

25/02/2013, 10h35
thelvin

<form> est de type block. Par défaut les blocks s'empilent les uns sur les autres, pas à côté.

'Faudrait leur mettre display: inline ou display: inline-block et ça devrait résoudre le problème.

Et pour info, plutôt que de les séparer avec des <br> tu devrais encadrer tes groupes avec des <div>. Ce sera plus facile à styler.

Et pour finir, mettre un formulaire par personne juste parce que tu veux envoyer le lien en POST, c'est super moche. Avoir un seul formulaire qui les contient tous, et un petit coup de JavaScript qui s'occupe de soumettre le formulaire quand on clique sur un lien, ce serait plus pratique.
25/02/2013, 15h12
Vil'Coyote

Citation:

Et pour finir, mettre un formulaire par personne juste parce que tu veux envoyer le lien en POST, c'est super moche. Avoir un seul formulaire qui les contient tous, et un petit coup de JavaScript qui s'occupe de soumettre le formulaire quand on clique sur un lien, ce serait plus pratique.

ou utiliser des liens hypertexte avec une variable dans l'url ...

(Re)bonjour,
et merci pour les réponses rapides (comme d'habitude).

En ayant suivi tous les conseils ça correspond tout à fait à mon attente.

Je poste le code correspondant au cas où...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type='text/javascript'>
        function submitMainForm(value_page, value_variable)
        {
                document.mainForm.page.value = value_page;
                document.mainForm.variable.value = value_variable;
                document.mainForm.submit();
        }
</script>
<form name='mainForm' method='post' action='./__test.php'>
<input type='hidden' name='page' value='' />
<input type='hidden' name='variable' value='' />
<div>
<a href='#' class='R4' onClick='javascript: submitMainForm(31, 420)'>AUBOYNEAU Philippe</a>
&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='javascript: submitMainForm(31, 15599)'>AUPHAN Gabriel</a>
</div>
<div>
<a href='#' class='R4' onClick='javascript: submitMainForm(31, 158)'>BRESSOLLES René</a>
</div>
<div>
<a href='#' class='R4' onClick='javascript: submitMainForm(31, 13351)'>CONTIN Henri</a>
</div>
<div>
<a href='#' class='R4' onClick='javascript: submitMainForm(31, 1461)'>DELISSEN Émile</a>
&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='javascript: submitMainForm(31, 15524)'>DE TRÉMAUDAN Hervé</a>
&nbsp;&nbsp;&nbsp;<a href='#' class='R4' onClick='javascript: submitMainForm(31, 15499)'>DU GARDIN Joseph</a>
</div>
....
</form>