[Navigation] Type de menuhttps://www.medialibs.com/partenariat/forum/tous-les-forum/topic-360.html2024-03-28T22:49:28+01:00E-majine ManageRe : [Navigation] Type de menu (le 30/05/2007 à 16:52)2007-05-30T14:52:57+01:002007-05-30T14:52:57+01:00https://www.medialibs.com/partenariat/forum/tous-les-forum/post-385.html#post385Franck PELLETIEREst ce que tu pourrais rendre tes 2 exemples plus "visuels" stp.<br/>Un ptit dessin avec des rectangles de couleur serait parfait...<br/>Merci!![Navigation] Type de menu (le 27/04/2007 à 10:34)2007-04-27T08:34:53+01:002007-04-27T08:34:53+01:00https://www.medialibs.com/partenariat/forum/tous-les-forum/post-360.html#post360Ronan Cassin [Medialibs]<q cite="Support E-majine">Afin de commencer à préparer le terrain, sur le choix d'ergonomie, puis de charte graphique lors de la préparation d'un projet, nous avons été amené à modifier la logique des templates, particulièrement ceux de la navigation.</q><br/><br/>Il était peu cohérent de choisir un menu vertical pour l'afficher à l'horizontal. Nous avons donc changer ces deux templates par "nested" et "not nested". A quoi cela correspond-t-il ? "imbriqué" et "non imbriqué"<br/>- Imbriqué : <br/><pre><span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/ul.html"><span style="color: #000000; font-weight: bold;"><ul></span></a></span></pre><pre> <span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;"><li></span></a></span>mon élément de premier niveau</pre><pre> <span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/ul.html"><span style="color: #000000; font-weight: bold;"><ul></span></a></span></pre><pre> <span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;"><li></span></a></span> le premier enfant<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></li></span></span></pre><pre> <span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;"><li></span></a></span>etc ...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></li></span></span></pre><pre> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></ul></span></span></pre><pre> <span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></li></span></span></pre><pre> <span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;"><li></span></a></span> d'autres éléments de premier niveau<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></li></span></span></pre><pre><span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></ul></span></span></pre><br/>Voici typiquement la structure qui pourra vous servir à faire un menu vertical, et aussi bien un menu déroulant vertical ou horizontal.<br/><br/>- Non imbriqué : <br/><pre><span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/ul.html"><span style="color: #000000; font-weight: bold;"><ul></span></a></span></pre><pre> <span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;"><li></span></a></span>mon élément de premier niveau<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></li></span></span></pre><pre> <span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;"><li></span></a></span> d'autres éléments de premier niveau<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></li></span></span></pre><pre><span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></ul></span></span></pre><pre><span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/ul.html"><span style="color: #000000; font-weight: bold;"><ul></span></a></span></pre><pre> <span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;"><li></span></a></span> le premier enfant<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></li></span></span></pre><pre> <span style="color: #009900;"><a onclick="window.open(this.href);return false;" href="http://december.com/html/4/element/li.html"><span style="color: #000000; font-weight: bold;"><li></span></a></span>etc ...<span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></li></span></span></pre><pre><span style="color: #009900;"><span style="color: #000000; font-weight: bold;"></ul></span></span></pre><br/><br/>Une structure plus facilement utilisé pour un affichage horizontal, avec les menu de différents niveau les uns sous les autres.<br/><br/>Les templates portent désormais un nom en rapport avec leur structure et non une mise en forme ...