IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Faire se dérouler un menu devant [CSS 3]


Sujet :

Positionnement en CSS avec z-index

  1. #1
    Membre expert
    Avatar de khany
    Profil pro
    Inscrit en
    Octobre 2002
    Messages
    2 073
    Détails du profil
    Informations personnelles :
    Âge : 62
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2002
    Messages : 2 073
    Points : 3 890
    Points
    3 890
    Par défaut Faire se dérouler un menu devant
    Bonjour !

    Sur ma page, j'ai un menu déroulant et sous ce menu, la suite de ma page web. Mon souci est que le menu se déroule derrière le diaporama qui est juste en dessous si j'ai plusieurs élément de sous-menu.

    Je voudrais qu'il se déroule devant. Je suppose que c'est un souci de "position : relative ou absolute ou inherit ??? " mais je n'en suis pas certaine.

    Pour visualiser, prenez l'élément "Construction" du menu au-dessus du diaporama : http://www.khanysims.be/sims4-test.php

    Si vous avez besoin d'un bout de code CSS, je le mettrai volontiers.

    Merci de votre aide
    avant de poster FAQ VB - Page sources VB - Cours VB

    Mes tutoriels : VB - VB.NET et ASP.NET

    N'oubliez pas Merci !

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Bonjour,
    ton élément <div ... class="ws_cover"> est situé en avant plan, il possède un z-index:10, par rapport à ton élément <ul id="menu-creations-s4">.

    Pour remédier à cela il te faut appliquer un z-index:100, par exemple, et surtout un position:relative, pour que le z-index soit pris en compte, à ton menu.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    #menu-creations-s4 {
        position: relative;
        z-index: 100;
    }

  3. #3
    Membre expert
    Avatar de khany
    Profil pro
    Inscrit en
    Octobre 2002
    Messages
    2 073
    Détails du profil
    Informations personnelles :
    Âge : 62
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2002
    Messages : 2 073
    Points : 3 890
    Points
    3 890
    Par défaut
    Merci !

    Je me doutais de quelque chose ainsi mais impossible de tomber dessus. Je suis plutôt novice dans la programmation web, je cherche et je tâtonne

    Juste une petite question subsidiaire : si je désire ajouter un niveau horizontal à mon sous-menu (donc ouvrir vers la droite un sous-menu niveau 3), je ne peux plus garder l'écriture avec le ">" ?

    Merci beaucoup.
    avant de poster FAQ VB - Page sources VB - Cours VB

    Mes tutoriels : VB - VB.NET et ASP.NET

    N'oubliez pas Merci !

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    16 959
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 16 959
    Points : 44 122
    Points
    44 122
    Par défaut
    Je t'invite à regarder les réponses apportées dans une récente discussion : Réaliser menu horizontal déroulant.

    En cas de problème n'hésite pas à ouvrir une nouvelle discussion

  5. #5
    Membre expert
    Avatar de khany
    Profil pro
    Inscrit en
    Octobre 2002
    Messages
    2 073
    Détails du profil
    Informations personnelles :
    Âge : 62
    Localisation : Belgique

    Informations forums :
    Inscription : Octobre 2002
    Messages : 2 073
    Points : 3 890
    Points
    3 890
    Par défaut
    D'accord et merci pour tout !

    C'est donc résolu
    avant de poster FAQ VB - Page sources VB - Cours VB

    Mes tutoriels : VB - VB.NET et ASP.NET

    N'oubliez pas Merci !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [HTML] Comment faire ce genre de Menu ?
    Par °°° Zen-Spirit °°° dans le forum Balisage (X)HTML et validation W3C
    Réponses: 14
    Dernier message: 30/04/2007, 16h39
  2. Réponses: 4
    Dernier message: 27/02/2007, 10h17
  3. Faire apparaitre un sous menu
    Par nikicaillou dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 06/01/2007, 21h35
  4. faire apparaitre tableau avec menu deroulant
    Par jojo971 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 15/06/2006, 14h35
  5. Comment faire une Barre de Menu?
    Par gamerome dans le forum OpenGL
    Réponses: 5
    Dernier message: 18/02/2005, 14h46

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo