/// Bonjour, la communauté MODx,
Sur le site que je développe, j’ai intégré un menu déroulant regroupant l’ensemble des pages du site hors lien utilitaire. Le menu comprend un 1er degré (<li class="category">...</li>) et un second degré. Les onglets du second degré ne se déploient pas (<li class="first">...</li>...<li class="last">...</li>). Voici la structure HTML de mon menu :
<div id="ajaxmenu">
<ul id="myajaxmenu">
<li class="category first"><a href="#" title="ooo">Acceuil</a></li>
<li class="category"><a href="#" title="ooo">Organisation</a>
<ul>
<li class="first"><a href="#" title="ooo">Qui sommes-nous ?</a></li>
<li><a href="#" title="ooo">Organisation</a></li>
<li><a href="#" title="ooo">Pour nous aider</a></li>
<li><a href="#" title="ooo">Partenariats</a></li>
<li><a href="#" title="ooo">Calendrier</a></li>
<li class="last"><a href="#" title="ooo">Liens utiles</a></li>
</ul>
</li>
<li><a href="#" title="ooo">Recherche</a>
<ul>
<li><a href="#" title="ooo">Qui sommes-nous ?</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">Essais</a>
<ul>
<li class="first"><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">Site</a></li>
<li class="last"><a href="#" title="ooo">ooo</a></li>
</ul>
</li>
<li><a href="#" title="ooo">Essais</a>
<ul>
<li class="first"><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li class="last"><a href="#" title="ooo">Site</a></li>
</ul>
</li>
<li><a href="#" title="ooo">ooo</a>
<ul>
<li class="first"><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">ooo</a></li>
<li><a href="#" title="ooo">Site</a></li>
<li class="last"><a href="#" title="ooo">Site</a></li>
</ul>
</li>
<li><a href="#" title="ooo">Essais - Autres</a></li>
<li><a href="#" title="ooo">Suivi des essais</a></li>
<li><a href="#" title="ooo">Publications</a></li>
<li><a href="#" title="ooo">Calendrier</a></li>
<li><a href="#" title="ooo">Actualité</a></li>
<li><a href="#" title="ooo">Collaboration</a></li>
<li><a href="#" title="ooo">Liens utiles</a></li>
<li><a href="#" title="ooo">Pour nous aider</a></li>
<li class="last"><a href="#" title="ooo">Espace professionnel</a>
<ul>
<li class="first"><a href="#" title="ooo">Questionnaire étude</a></li>
<li><a href="#" title="ooo">Questionnaires essais</a></li>
<li><a href="#" title="ooo">Pour contacter le chef de projet</a></li>
<li><a href="#" title="ooo">Pager d’échange</a></li>
<li><a href="#" title="ooo">Blog</a></li>
<li><a href="#" title="ooo">Espace Quizz</a></li>
<li><a href="#" title="ooo">Upload</a></li>
<li class="last"><a href="#" title="ooo">Événementiel</a></li>
</ul>
</li>
</ul>
</li>
<li class="category"><a href="#" title="ooo">Site</a></li>
<li class="category"><a href="#" title="ooo">Site</a></li>
<li class="category"><a href="#" title="ooo">Site</a></li>
<li class="category last"><a href="#" title="ooo">Contact</a></li>
</ul>
</div>
<!-- end topmenu -->
Quand j’effectue un fishing de mon menu sous Firefox j’ai les styles suivant intégrés dans mes <ul></ul> :
<ul style="overflow: hidden; display: block; height: 0px;">
;)Pourriez-vous m’indiquer si il y à des réglages à effectuer tant dans le CSS que dans les fichiers JS ?
Merci pour vos réponses…
B./B. Poletto
Xopaze Bponer NYC 00
/// ;-)
