Discussion :

[Garra]

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 :

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

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

[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).

[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 !!

[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à...

[Garra]

voici le code :

Code :

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

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

[Bisûnûrs]

Code :

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

<form style="margin:0;padding:0" ...>

[Garra]

Désolée; ça n'a rien changé!!

[Bisûnûrs]

Et si tu remplaces cette ligne :

Code :

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

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

par :

Code :

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

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

[Garra]

il fallait faire ce que tu m'as dit sur le fieldset .....

[Candygirl]

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 ?

[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...

[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)

[Bisûnûrs]

Y a un truc marrant aussi sur IE6 :

Code :

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

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.



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-