home | sitemap

Standaard-menu

Het standaard-menu bestaat uit losse ongenummerde lijsten (UL's) voor het hoofdmenu en elk actieve submenu. Er zijn dus maximaal drie UL's: voor elk niveau 1 (hoofd-, sub-, subsubmenu).

Een simpel voorbeeld bestaande uit een hoofdmenu-item met een submenu:

<ul id="t000000" class="topmenu">
  <li><a class="current" id="topmenu1" href="/test/m000001/p000002.html"><span>Menu 1</span></a> </li>
</ul>
<ul id="m000001" class="submenu submenu1">
  <li><a class="current" id="submenu1" href="/test/m000001/000003/p000004.html"><span>Submenu 1</span></a></li>
</ul>

Voor een complete 'weergave' van de structuur, ID's en classnames: stel het standaard-menu in voor de vormgeving en bekijk de broncode in het cms in de verschillende situaties (bijv. met en zonder submenu.)

Het standaard-menu kan het meest geschikt voor menu's waarbij hoofd- en submenu's los van elkaar gepositioneerd moeten worden. Bijvoorbeeld het hoofdmenu bovenaan de pagina en het submenu in een rechterkolom. Omdat de UL's niet genest zijn kunnen ze eenvoudig via position:absolute overal op de pagina geplaatst worden.