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 :

[CSS] Menu qui disparait derriere un champ


Sujet :

Positionnement en CSS avec z-index

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de Pepito
    Profil pro
    Inscrit en
    Août 2004
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Août 2004
    Messages : 101
    Par défaut [CSS] Menu qui disparait derriere un champ
    Ami(e) du jour, bonjour

    J'ai fait un menu où quand on passe la souris sur une rubrique, cela affiche les sous-rubriques.
    Le probleme, c'est qu'il y a une rubrique qui se situe au dessus d'une liste a choix multiple. Et quand j'ouvre, les sous-rubriques de mon menu, elles ne sont pas visible car la liste deroulante reste au 1er plan

    Dans l'image ci-dessous, on ne voit pas les sous-rubriques du softball feminin qui sont cachés par la liste deroulante.



    Voici les differentes parties de code :

    La partie CSS
    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
    <style type="text/css"> 
    #nav, #nav ul { 
       padding: 0; 
       margin: 0; 
       list-style: none; 
     
    } 
     
    #nav a { 
       display: block; 
       width: 127px; 
       text-decoration: none; 
       font-weight: bold; 
       color: "#00FF00"; 
    } 
     
    #nav li { 
       list-style-type: none; 
       float: left; 
        width: 127px; 
    } 
     
    #nav li ul { 
       position: absolute; 
       width: 127px; 
       left: -999em; 
       background-color: "#353535"; 
    } 
     
     
    #nav li:hover ul, #nav li.sfhover ul { 
        left: auto; 
    } 
     
     
    #menu  ul li div a span { 
       display:none; 
    } 
    </style>



    Et le code HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <td>
       <li><a><img src="images/softFeminin.jpg" border="0"></a> 
       <ul> 
       <li><a href="#"><img src="images/actualites.jpg" border="0"></a></li> 
       <li><a href="#"><img src="images/championat.jpg" border="0"></a></li> 
       <li><a href="#"><img src="images/classement.jpg" border="0"></a></li> 
       <li><a href="#"><img src="images/statistiques.jpg" border="0"></a></li> 
       </ul> 
       </li> 
       </td>
    Voila.
    Si vous avez deja connu ce probleme ou si vous avez où idée pour combler ce probleme.

    Merki
    Pepit'

  2. #2
    Membre Expert
    Avatar de Nesmontou
    Homme Profil pro
    Architecte logiciel
    Inscrit en
    Septembre 2004
    Messages
    1 612
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Architecte logiciel
    Secteur : Finance

    Informations forums :
    Inscription : Septembre 2004
    Messages : 1 612
    Par défaut
    Regarde si la propriété z-index peut t'aider

  3. #3
    Membre chevronné
    Avatar de ilood
    Inscrit en
    Mars 2005
    Messages
    468
    Détails du profil
    Informations forums :
    Inscription : Mars 2005
    Messages : 468
    Par défaut
    Salut,

    Si le problème se passe avec internet explorer quelque soit les z-index, c'est normal.
    Un bug d'ie fait que les select ont un z-index infini.

  4. #4
    Membre confirmé Avatar de Pepito
    Profil pro
    Inscrit en
    Août 2004
    Messages
    101
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Gironde (Aquitaine)

    Informations forums :
    Inscription : Août 2004
    Messages : 101
    Par défaut
    Oui c'est bien avec internet explorer.

    Je fais comment alors ??
    Y'a une solution ??

    Pepit'

  5. #5
    Membre Expert Avatar de Oluha
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    2 183
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Novembre 2004
    Messages : 2 183
    Par défaut
    oui : fais une recherche avancée

Discussions similaires

  1. [MySQL] Menu qui disparait pour les invités
    Par RACKER59 dans le forum PHP & Base de données
    Réponses: 4
    Dernier message: 21/03/2010, 18h12
  2. Sous menu qui disparait quand on passe la souris dessus
    Par pasc06 dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 09/12/2009, 07h23
  3. [MySQL] Requete multiple & menu qui disparait
    Par spawns dans le forum PHP & Base de données
    Réponses: 3
    Dernier message: 21/11/2008, 10h21
  4. IE6 + menu qui disparait au contact d'un contenu
    Par PuppeT mAsTer dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 09/08/2006, 16h33
  5. [css sous ie] menu qui disparait qd clic sur precedent ...
    Par michaelbob dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 22/02/2006, 14h37

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