Liste déroulante au dessus

**fantomchris** · 26/07/2006, 09h53

Bonjour à vous!!!
Je suis en train de travailler sur une page web qui, lorsque l'on appui sur un bouton, affiche une sorte de bloc à l'écran, contenant des informations. Or ce bloc passe par dans une zone ou il y a des listes déroulantes, et ces PUTAINS de listes déroulantes passent au dessus du bloc
Je ne sais pas comment faire, en sachant que cette appli doit fonctionner sous IE, impérativement
SVP, help me

**mussara** · 26/07/2006, 10h23

essaie de regarder du coté des z-index en css
tu devrais pouvoir superposer tes éléments selon tes souhaits

**fantomchris** · 26/07/2006, 11h11

IE ne permet pas ca
Les listes déroulantes sont toujours au dessus du reste
En gros, je crois que je vais devoir faire un script qui cachera mes listes déroulantes...
Je vous tiens au courant mais je m'y mets

**giminik** · 26/07/2006, 12h13

il suffit que, lorsque tu appuies sur le bouton, tu fasse un visibility = hidden, ça devrait normalement aller, ou alors un display = none mais ça risque de changer la mise en page dans certains cas.

**Tdeny** · 26/07/2006, 14h32

Bonjour,

En fait, quand tu mets un select, que tu lui donnes un size ou non c'est égal à 1 qu'on le met ou qu'il est mis par défaut.
C'est pourquoi quand on clique pour le voir un max de la liste se déroule.
Alors qu'il suffit de le mettre égal à 2 pour que rien ne se déroule.
J'ai rapidement modifié ci-dessous un extrait de prog...

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
<html>
<body>
<form name="monform">
<select name="choix" size="3">
<option>jaune
<option>rouge
<option>vert 
<option>jaune
<option>rouge
<option>vert 
<option>jaune
<option>rouge
<option>vert 
</select>
<input name="comment" type="text" value="Commentaire">
</form>
</body>
</html>

**giminik** · 26/07/2006, 14h39

quel est le rapport avec la question ? on ne parle pas du déroulement d'une liste mais du fait qu'elle passe au dessus d'éléments positionnés même avec un z-index.

**kelumden** · 03/08/2006, 14h05

Envoyé par fantomchris

IE ne permet pas ca
Les listes déroulantes sont toujours au dessus du reste
En gros, je crois que je vais devoir faire un script qui cachera mes listes déroulantes...
Je vous tiens au courant mais je m'y mets

Bonjour,

J'ai eu à traiter le même problème sous IE pour créer une combobox. Dans ce cas particulier, j'ai créer la structure suivante:

Code :

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

1
2
3
4
5
6
7
8
9
 
<div>
  <select>
    <option>...</option>
    ...
  </select>
  <iframe>
  <input type="text">...
</div>

Les tags SELECT,IFRAME et INPUT sont placés les uns sur les autres avec le style suivant: "position:absolute; left:0px; top:0px;".
Dans ce cas, le champ de saisie est placé au-dessus de la liste déroulante.

L'astuce vient de l'usage d'une IFRAME qui, elle, se place au-dessus du SELECT !

PS: je n'ai pas trouvé cette solution tout seul mais suite à une recherche sur Internet qui m'a permis de trouver quelques références (désolé, mais je ne les ai pas conservé !).

**Bobybx** · 26/07/2006, 15h08

J'ai le même bug avec un menu javascript horizontal qui se déroule sur un select qui reste quoi qu'il arrive au-dessus du menu.
J'ai pas réussi à trouver d'alternative, si jamais tu avances sur ce point, n'hésite pas à le faire savoir.

Liste déroulante au dessus

HTML

Vue hybride

Discussions similaires

Partager

Partager