Page 1 sur 1

elements se chevauchant dans le mauvais ordre

Posté : 19 janv. 2006, 10:32
par Gico
Bonjour
j'ai des elements de formulaire ( deux ascenceurs en l'occurence) qui passent au dessus d'un menu deroulant de la barre de navigation. Ce qui est peut pratique et inesthetique, je ne comprend pas pourquoi et ne sais pas comment y remedier.
<form  action="public/catalogue_marques.php" method="get" name="form1" id="form1">
              <div align="left"><img src="images/menu_left/accesdirect.gif" width="146" height="21" />
                  <div align="center" >
                    <select name="VARmarque" id="VARmarque" class="search">
                      <option value="0">Choix d'une marque&nbsp; &nbsp;</option>
                      <?php
do {  
?>
                      <option value="<?php echo $row_rsMarque['id']?>"><?php echo $row_rsMarque['marque']?></option>
                      <?php
} while ($row_rsMarque = mysql_fetch_assoc($rsMarque));
  $rows = mysql_num_rows($rsMarque);
  if($rows > 0) {
      mysql_data_seek($rsMarque, 0);
	  $row_rsMarque = mysql_fetch_assoc($rsMarque);
  }
?>
                    </select>
                    <br />
                    <select name="VARCat" id="VARCat" class="search">
                      <option value="0">Choix d'une catégorie</option>
                      <?php
do {  
?>
                      <option value="<?php echo $row_rsCat['id']?>"><?php echo $row_rsCat['abrev']?></option>
                      <?php
} while ($row_rsCat = mysql_fetch_assoc($rsCat));
  $rows = mysql_num_rows($rsCat);
  if($rows > 0) {
      mysql_data_seek($rsCat, 0);
	  $row_rsCat = mysql_fetch_assoc($rsCat);
  }
?>
                    </select>
                  </div>
                  <input name="image" type="image" src="images/menu_left/envoyer0.gif" align="top" width="141" height="19
		 " border="0" />
....
</form>
Quelqun pourrait-il me dire ce qui cloche et comment y remedier?

Merci

Posté : 19 janv. 2006, 11:05
par Cyrano
Pour pouvoir t'aider, il faudrait que tu nous mettes un code qu'on peut tester, donc uniquement le code HTML généré : là, avec les références PHP au accès aux données, on ne peut pas tester quoi que ce soit.

Posté : 19 janv. 2006, 14:03
par Gico
Tous le code ça serais un peu lourd, par contre j'ai identifié le probleme, mais n'ai pas de solution: il s'agit d'un bug d'IE avec la balise <select>- effectivement sous firefox le probleme n'existe pas. Le probleme ne semble pas systematique d'ailleurs, mais je n'arrive pas à identifier pourquoi parfois la balise pose probleme et pourquoi parfois non. Si quelqun sait...

merci

Posté : 19 janv. 2006, 14:19
par Gico
Je crois même que le problème est apparu lorsque je suis passé à un codage XHTML transitionnal...

Posté : 19 janv. 2006, 15:58
par Gico
Ok, il n'y a pas de solution ( à part celle d'attendre ie7), juste une bidouille: faire disparaitre l"element de formulaire lorsque le menu qui est censé lui passer dessus se deroule , avec la propriété style.visibility:hidden. Pas trés elegant mais ça marche, dans mon cas j'ai preferé décaler le menu deroulant pour eviter le chevauchement.

Posté : 25 janv. 2006, 15:13
par Elie
Effectivement les menus <SELECT> passe par dessus tout les calques.

Le seul moyen est de le hidden au moment ou tu affiches ton menu !