11548 sujets

JavaScript, DOM et API Web HTML5

Menu déroulant javascript et css

Bonjour,

Je reviens vers vous pour un souci technique qui me turlupine...
J'ai fait un menu horizontal sur les conseils des tutos d'alsacréations Smiley lol
Il marche mais le problème, c'est que lorsqu'il se déroule, tout descend alors que cela devrait être au dessus de tous les calques...

J'ai pensé travailler avec le z-index, mais ça ne va pas... quelqu'un a-t'il déjà rencontré le souci?

Merci d'avance pour votre aide Smiley biggrin
Modifié par millenium (28 Jul 2007 - 19:28)
Merci Stephan, j'ai donc fait cette recherche et en conclus qu'il faut jouer avec le z-index , j'ai testé, en sachant que j'ai un header, un menu, un contenu (tous des div)

j'ai donc testé ceci:
- div menu à z-index 500
- div container à z-inex 1

Et rien ne change...ai-je mal fait?
Je crois que tu vas devoir positionner ton div#contenu position: absolute;


#contenu { 
   position: absolute; 
   top: value; 
   left: value;
   width: value; 
}
Un amour ce moustique, un amour vous dis-je Smiley biggrin
Juste un ch'tit bug, ce que l'input de mon div de droite est au-dessus du menu déroulé
Administrateur
millenium a écrit :
Un amour ce moustique, un amour vous dis-je Smiley biggrin
Juste un ch'tit bug, ce que l'input de mon div de droite est au-dessus du menu déroulé

Oui, les éléments de formulaires, pour des raisons évidentes d'accessibilité, passent toujours au-dessus du reste (même avec un z-index 100000 !).
Raphael a écrit :

Oui, les éléments de formulaires, pour des raisons évidentes d'accessibilité, passent toujours au-dessus du reste.


Pardon !? Tu as plus d'info sur la question ? Parce que j'ai toujours cru que c'était un problème lier à IE avec certain element suivant la façon dont ceux-ci était gérer par Explorer !!!!
Administrateur
Jep a écrit :


Pardon !? Tu as plus d'info sur la question ? Parce que j'ai toujours cru que c'était un problème lier à IE avec certain element suivant la façon dont ceux-ci était gérer par Explorer !!!!

J'avais trouvé une info plus ou moins officielle, en attendant il faut se contenter de ça :

http://aidejavascript.com/article93.html
Aidejavascript a écrit :
Superposition de contrôles de formulaire et de plug-ins

Certains éléments posent des problèmes lorsqu'ils sont superposés par des éléments positionnés. Cela se produit avec certains éléments de formulaire, des applets ou des plug-ins (Flash en particulier).

Cela se produit, car des navigateurs peuvent permettre à d'autres programmes d'afficher dans la fenêtre. Voici un exemple, avec Internet Explorer, d'une boîte SELECT qui se superpose à un élément en positionnement absolu.

Augmenter la propriété z-index ne sert à rien. On ne peut rien faire. Il faut seulement éviter de mélanger des éléments positionnés et des formulaires ou des plug-ins. On peut seulement, dans certains cas, cacher dynamiquement les éléments fautifs avec un script en utilisant les propriétés visibility:hidden ou display:none.

(très bon article dans l'ensemble)
Bon, c'est bien ce qui me semblait ! Ce n'est absolument pas une question d'accessibilité ou que sais-je de ce style...

Ce problème est liée à la façon dont sont codés les éléments (balise HTML entre autre) dans le moteur MSHTML. Les elements ce répartissent en deux catégories : les "Windowed elements" et les "Windowless elements". La propriété z-index n'ayant aucun effet sur les element "Windowed" ! Cette distinction vient de la gestion ActiveX des élements... bref, c'est de la cuisine interne !

> http://support.microsoft.com/?id=177378
> http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/zindex.asp
> http://msdn.microsoft.com/msdnmag/issues/04/12/WebQA/

Pour ce qui est des autres navigateur, je n'ai jamais constater ce genre de problème !
Administrateur
OK pour le principe.
Mais cuisine interne ou non, ActiveX ou non, il paraît logique que les éléments de formulaire et de navigation passent au-dessus du reste... pour des raisons d'accessibilité. Tu ne penses pas ?
Ce qui est sûr c'est que ça m'a fait changer d'optique par rapport au menu

Et j'en profite pour remercier tout ceux qui ont contribué à la réalisation du site alsacréation sans qui je ne serais pas là aujourd'hui.
J'aimerais remercier ma grand-mère, mon manager et puis toi public, c'est grâce à vous tout ça

Smiley biggrin
Modifié par millenium (28 Jul 2007 - 19:29)
Raphael a écrit :
OK pour le principe.
Mais cuisine interne ou non, ActiveX ou non, il paraît logique que les éléments de formulaire et de navigation passent au-dessus du reste... pour des raisons d'accessibilité. Tu ne penses pas ?


Disons que je pense que c'est plus complexe que ça... en effet, je fait une grande différence entre l'accessibilité (qui répond à des besoin bien précis) et l'ergonomie (plus subjectif et appanage des navigateurs graphiques la plus part du temps)... dans le cadre d'un site accessible, prévoir des elements qui s'empilent les uns au dessus des autres n'est pas une bonne choses (car ça implique très souvent du javascript et que ce langage ne fait pas forcement bon ménage avec les contrainte d'accessibilité), donc, ça n'a pas vraiment d'incidence si un element de formulaire apparait toujours au premier plan ; Dans le cadre d'un site ergonomique, il peut être interressant, d'avoir des elements qui s'empilent, apparaissent ou disparaissent en fonction des choix de l'utilisateur, et dans ce cas, c'est assez chiant d'avoir des elements de formulaire (ou autre) toujours au premier plan !
Salut à tous !

Ayant fais des recherches et lus quelques articles, je n'ai pas trouvé de solutions à mon problème.
(ce sujet me semble le plus logique)

Je suis actuellement en train de developpé un site en xhtml/css http://www.centro-lugano-sud.ch. La version test et mon problème ce trouve la http://www.centro-lugano-sud.ch/negozi.php.

J'essaie de faire un menu déroulant sur 3 niveaux pour la rubrique magasin(negozi). Sous firefox tout marche nikel. Sous IE presque, mais il y a un problème de z-index quand on deroule la rabrique moda, le menu passe sous le footer. En fait, je ne pense pas que ce soit le z-index le problème mais, ptetre le javascript ? Ou mon codage ? Smiley decu

Mon css: http://www.centro-lugano-sud.ch/css/main.css (commantaire "liste negozi" dans le css)

Le menu viens de http://www.r-wils.com/scripts/menu-dynamique/ qui est intialement celui de http://openweb.eu.org/articles/menu_universel/.

Ca me serait sincèrement d'un grand secours si quelqu'un pourrais me fournir une aide. Merci d'avance à tous...
Modifié par kapsiko (08 Sep 2005 - 16:08)
Personne pour ce z-index chelou ? Un Expert en css serais le bien venu Smiley cligne
Domage qu'il ont pas de forum sur pompage.net....

Existe t'il un script pour mettre un div tjs en premier plan sans z-index?

Non, franchement, y a personne qui à une idée (js?,hack?) ou même un ptit conseil parsque la je trouve po. Vraiment pas....

Smiley bawling
Modifié par kapsiko (25 Aug 2005 - 17:35)
Sujet clos
Aller à