[XHTML] input de type hidden fait apparaitre un espace

Version imprimable

Je me retrouve avec des problèmes de placement de input de type hidden.

Sur IE ça me genère de la place, pas sur firefox.

par exemple ceci:

Code:

1
2
3
4
5
6
7
8
9
10
11
				 <?php 
                                        FamillesListeOuverte($eml_link);
                                        EvenementsListeOuverte($eml_link);
                                 ?>
			     <form action="recherche.php" name="motcleForm" method="get">
				 <input type="hidden" name="eml" value="<?php echo $eml_post?>">
				 <input type="hidden" name="f" value="<?php echo $f?>">
				 <h3 id="titreVert">
				 <img style="vertical-align:middle;" align="left" src="graphix/apic-recherche-1.png" alt="saisissez un ou plusieurs mots" />
                  <span style="vertical-align:middle">&nbsp;RECHERCHE RAPIDE</span>
				 </h3>

me genère une ligne avant RECHERCHE RAPIDE sur IE et rien sur firefox!!!
comment faire avec les input hidden, les formes, etc lorsqu'on travaille avec div, et plus les tables??

Merci

24/01/2007, 13h57
MasterOfChakhaL

tu n'as pas le droit de mettre un input directement dans un form ( http://giminik.developpez.com/xhtml/form.html ). Tu peux mettre tes input dans un filedset (lui même dans le form).
24/01/2007, 14h06
Garra

Merci mais le problème c'est que je veux que les input de type hidden ne me prennent pas de place !:(

si je mets fieldset (fait), maintenant ça se comporte pareil sur IE et sur firefox mais comment faire pour qu'ils ne me prennent pas de place??

Merci !!
24/01/2007, 14h09
MasterOfChakhaL

J'avais bien compris que tu ne voulais pas d'espace.
Ce n'est pas normal que ca en prenne de toutes facon...

Si je t'ai conseillé le fieldset, c'est pour que ton code soit correcte. Les navigateurs ont tendance a modifier leur comportement quand ils sont face a un code correct ou pas...

Peux tu nous montrer le code généré plutot que le code avec des morceaux de php, le problème pourrait venir de là...

voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<form action="recherche.php" name="motcleForm" method="get">
 <div style="height:2px"></div>
  <span style="vertical-align:middle;">
   <input class="apic-communication-publicitaire-champ" name="motcle" type="text" size="23" maxlength="150"  /></span>
 
   <span style=" vertical-align:baseline;">&nbsp;
  <input type="image" src="graphix/apic-go.gif" alt="Lancer la recherche rapide" border="0" /></span>
 <fieldset >
 <input type="hidden" name="eml" value="">
 <input type="hidden" name="f" value="1">
 </fieldset>
 </form>

merci encore :D

24/01/2007, 14h21
Bisûnûrs

Code:

<form style="margin:0;padding:0" ...>
24/01/2007, 14h24
Garra

Désolée; ça n'a rien changé!! :cry:
24/01/2007, 14h26
Bisûnûrs

Et si tu remplaces cette ligne :

Code:

<div style="height:2px"></div>

par :

Code:

<div style="height:2px;line-height:2px;font-size:1px"></div>

:question:
24/01/2007, 14h27
Garra

il fallait faire ce que tu m'as dit sur le fieldset .....
24/01/2007, 14h34
Candygirl

Citation:

Envoyé par MasterOfChakhaL

tu n'as pas le droit de mettre un input directement dans un form.

Il me semble que cela dépend du doctype et que tu peux le faire en xhtml transitionnel ?
24/01/2007, 14h35
MasterOfChakhaL

c'est résolu?

EDIT:
@Candygirl: c'est certainement vrai (je te fais confiance), mais en général, vu que dans la plupart des discussion on ne sait pas de quel doctype on parle, je répond en m'appuyant sur du xhtml strict...
24/01/2007, 15h37
Candygirl

Si tu as un doctype strict, comme indiqué par MasterOfChakaL, tu dois faire en sorte que tout ton formulaire ait une structure correcte; tu ne peux donc pas laisser ton autre input à même la balise form ni même dans un span.

Si tu as un doctype transitionnel, tu peux les laisser directement dans la balise form et je rejoins alors ce qui t'a été dit: les input hidden ne sont pas censés prendre de la place, donc à voir peut-être du côté des margin-padding par défaut des navigateurs ?

@MasterOfChakhaL

Clair, j'ai bien imaginé; tu aurais mis "en strict, tu n'as pas le droit..." je n'aurais pas réagi, je suis un brin pinailleuse parfois ;)

Je viens d'ailleurs de découvrir un truc en testant: il semblerait que pour html 4.01 strict la balise legend soit requise pour accompagner le fielset alors que facultative en xhtml 1.0 strict... et de nouveau requise en xhtml 1.1 (cf le validateur) :roll:

Y a un truc marrant aussi sur IE6 :

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title>Test</title>
  <style>
    #content_home{
      width:528px;
    }
    #rechVehicule{
      float:left;
      width:528px;
    }
  </style>
</head>
<body>
  <form action="" method="post" name="formu">
    <div id="content_home">
      <input type="hidden" />
      <input type="hidden" />
      <input type="hidden" />
      <input type="hidden" />
      <input type="hidden" />
      <input type="hidden" />
      <input type="hidden" />
      <input type="hidden" />
      <input type="hidden" />
      <input type="hidden" />
      <input type="hidden" />
 
      <div id="rechVehicule">
         Marque :
         <select>
            <option value="">--------</option>
            <option value="ALFA ROMEO">ALFA ROMEO</option>
            <option value="ALPINA">ALPINA</option>
            <option value="BRABUS">BRABUS</option>
         </select>
         Modèle :
         <select>
            <option value="">-----------</option>
         </select>
      </div>
  </form>
</body>
</html>

Voilà, avec ce code IE ne sait plus quoi faire. Il double le mot "modèle" et le S qu'on voit avant le second "modèle" c'est la fin de Brabus dans la liste précédente.

:aie:

Je viens de tester un autre truc aussi, quand on essaie de sélectionner ce deuxième "modèle" ça sélectionne le premier.

re-:aie: