affichage du sous menu dans le menu dynamique (Créer un compte)

Accueil › Forums › Utilisation spécifique de WordPress › affichage du sous menu dans le menu dynamique
  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • 10 décembre 2011 à 10 h 19 min #502927
    Nadege21
    Membre
    Chevalier WordPress
    244 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.2.1
    – Version de PHP/MySQL :
    – Thème utilisé :
    – Extensions en place :
    – Nom de l’hebergeur :
    – Adresse du site :

    Problème(s) rencontré(s) :

    Je suis en train de faire mon menu dynamique sur une theme perso donc je dois créer la feuille de style seule
    et j’ai un probleme avec l’affichage des sous menu
    mon menu affiche bien sous forme d’image les pages qui compose le menu mais malgre le fait que le code est ok pour les sous rubrique rien ne s’affiche, j’en déduit que c’est un probleme de feulle de style.

    <ul id="menu-menu" class="menu">
    <li id="menu-item-29" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-29">
    <a href="http://www.emmaus-dijon.org/?page_id=27">Un peu d’histoire</a>
    <ul class="sub-menu">
    <li id="menu-item-44" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44">
    <a href="http://www.emmaus-dijon.org/?page_id=42">Accueil vie communautaire</a>
    </li>
    </ul>
    </li>

    moi je veux que s’affiche accueil vie communautaire mais rien
    voici mes feuilles de style

    .menu-menu-container{
    	width:1024px;
    	border-style: none;
        height: 115px;
    	margin: 0 auto;
        overflow: hidden;
        padding: 0 0 0 0;
    }
    .menu-menu-container ul {
        display: block;
        height: 115px;
        list-style: none outside none;
        margin: 0;
        padding: 0;
    }
    .menu-menu-container ul li {
        float: left;
        padding-bottom: 0;
        padding-top: 0;
    }
    .menu-menu-container ul li a {
        cursor: pointer;
        display: block;
        font-family: inherit;
        font-size: 100%;
        font-style: inherit;
        font-weight: inherit;
        height: 115px;
        margin: 0;
        overflow: hidden;
        padding: 0;
        text-indent: -1000px;
        vertical-align: top;
        width: 140px;
    }
    li#menu-item-44 {

    background-color:#639;
    	width: 171px;
    }
    /*sous menu*/
    .sub-menu{
    	float: none; 
    	width: 18em; 
    	display: none; 
    	visibility: hidden;
    }
    .menu-menu-container ul ul{    
      display: none;
        float: none;
        height: auto;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        width: 15em;
    } 
    .menu-menu-container ul ul li{
    	background-color:#0F3;
    	 float: left;
        white-space: normal;
        width: 100%;
    	line-height: 26px;
    	 margin: 0;
        padding: 0;
    }

    mais doit y avoir un bug qqpart
    merci de votre aide
    Nadege

    10 décembre 2011 à 10 h 44 min #805160
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    .sub-menu{
    float: none;
    width: 18em;
    display: none;
    visibility: hidden;
    }

    Ben avec display:none et visibility:hidden, ils auront bien du mal à s’afficher tes sous-menus.

    10 décembre 2011 à 10 h 59 min #805161
    Nadege21
    Membre
    Chevalier WordPress
    244 contributions

    merci
    mais sans ca ne change rien ca ne s’affiche pas..

    10 décembre 2011 à 14 h 56 min #805162
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    De toute façon, il doit manquer du code si le sub-menu doit s’afficher au passage de la souris. Si on retire les display:none, ils seront toujours visibles.

    Pourquoi ne pas utiliser les menus personnalisés plutôt ? Le thème n’est pas compatible ? C’est assez simple de le rendre compatible et de créer ses menus.

    11 décembre 2011 à 17 h 44 min #805163
    Nadege21
    Membre
    Chevalier WordPress
    244 contributions

    ben en fait je veux bien utilisé les menus personnalisés mais je sais pas faire
    et tout conseil sera plus que bienvenu
    merci
    Nadege

    12 décembre 2011 à 7 h 34 min #805164
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    Les liens donnés par Chouf1 sont exactement ce qu’il faut. Juste à savoir parce que je ne l’ai pas encore rencontré sur un tuto des menus personnalisés, les sous-menus s’obtiennent en faisant glisser les boutons un chouia vers la droite.

    12 décembre 2011 à 15 h 58 min #805165
    Nadege21
    Membre
    Chevalier WordPress
    244 contributions

    Merci de vos réponses
    J’ai bien fait tout ca et le menu est ok le seul probleme c’est pour le sous menu qui ne s’affiche pas et dans ces tutoriaux je ne vois pas les CSS générés afin que je puisse voir ou je me suis trompée dans l’affichage du sous menu

    12 décembre 2011 à 17 h 04 min #805166
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    Tes sous-menus ne peuvent s’afficher avec un display:none et un visibility:hidden pour la classe sub-menu. On ne peut d’ailleurs pas appliquer les deux, l’un display cachant l’élément sans lui réserver de place, l’autre visibility cachant l’élément en conservant sa place.

    Il va donc falloir choisir entre l’un ou l’autre et puis aussi p’tet mettre un blabla:hover quelque part pour que l’élément caché auparavant soit affiché au survol de la souris.

    Il faudrait un truc du genre :

    .sub-menu ul {blabla;
    visibility:hidden;}

    .sub-menu ul:hover {visibility:visible;}

    Ceci est un exemple, tu peux essayer avec display si ça te plait mieux et ou encore si ca passe mieux de faire du .sub-menu ul li {blabla}
    Pour retrouver la visibilité avec display, tu auras le choix entre inline, ce que tu ne veux pas si j’en crois ton float:none, et block

    13 décembre 2011 à 8 h 14 min #805167
    wasicu
    Membre
    Maître WordPress
    2752 contributions

    Ahahahah. Je vais rougir de honte de me fâcher. 😳

    mais bon… C’était la pleine lune… 😇

  • Auteur
    Messages
9 sujets de 1 à 9 (sur un total de 9)
  • Le forum ‘Utilisation spécifique de WordPress’ est fermé à de nouveaux sujets et réponses.