[RESOLU] Menu déraoulant php

Eléphant du PHP | 58 Messages

12 janv. 2014, 15:36

Bonjour,

Mon menu déroulant ne s'afficeh pas correctement.
Il passe sous le texte.
voir img
menuCss.jpg
voici le code css.
@charset "utf-8";
/* CSS Document */
/* Author : SARL Acymospc */
/* On choisi la largeur de notre menu, et on répartit les éléments */

@charset "utf-8";
/* CSS Document */

/* Menu Honrizontal*/
#listeMenu
{ 
    position:relative;
    display:block;
    display: table;
    top:0px;
    left:0px;
    width:100%;
    height: 30px;
    float:left;
    font-size:0.8em;
    background-color:#4FB234;
    margin-top:0px;
    font-family:Verdana, Geneva, sans-serif;
    border-radius: 4px 4px 4px 4px;
    text-align: center;
}

#listeMenu ul 
{ 
    margin:0 0 0 0px
}

#listeMenu li
{
    float:left;
    position:relative;
    list-style-type:none;
    padding-top: 5px;
    text-align: center;
    background-color:#008000;
    left: 250px;
    border-radius: 4px 4px 4px 4px;
    height: 25px;
    display:block;
    display: table;
}

#listeMenu li:first-child
{
   /* border-left:1px solid #FFFFFF;*/
}

/* Changement de couleur sur le menu principal*/
#listeMenu li:hover
{
    background-color:#4FB234;
}

#listeMenu a
{
    display:block;
    padding:0 6px;
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFFF;
}

#listeMenu a:hover
{
    color:73FF4B;
}

/* Selecteur des sous menus*/

#listeMenu ul li ul
{ 
    position:absolute;
    margin:0px;
    width:10px; /* largeur fixe des sous menus*/
    left:0px;
    top: 30px;
}

#listeMenu ul li ul li
{ 
    width:100%;
    border-left:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-right:1px solid #ffffff;
    padding:3px 0 3px;
}

#listeMenu ul li ul li:first-child
{
    border-top:1px solid #ffffff;
}
/* Affichage des sous menus Comportements dinamique*/
#listeMenu ul li ul
{
    display:none;
}

#listeMenu ul li:hover ul
{
    display:block;  
}

/* Listes des sous sous menus*/

#listeMenu ul li ul li ul
{
    float:right;
}

#listeMenu ul li:hover ul li ul
{
    display:none;
}

#listeMenu ul li ul li:hover ul
{
    display:block;
    left:80px;
    top:0px;
    position:absolute;
}
J'aimerai que le menu se déploie entièrement quand on passe sur un lien principal et s'affiche par dessus le texte ou descend le texte .
merci
Vous n’avez pas les permissions nécessaires pour voir les fichiers joints à ce message.
On n'a le droit de ne pas savoir mais on n'a pas le droit de ne pas demander.
Ubuntu Php Mysql

Mammouth du PHP | 2278 Messages

12 janv. 2014, 16:27

Il y a eu z-index qui résolvait ce type de problèmes; mais je ne sais pas si ça existe encore.
Vanitas vanitatum et omnia vanitas
Mes derniers livres :
Sauvez les Mots chez BoD,
Tous les chemins mènent à ROM chez BoD