Top Menu & Left-side Navigation
Here we have a menu bar at the top (please ignore its look and concentrate on its behaviour) and all the children of the selected menu item on the left side.
The HTML-Code of this page looks like this:
<html>
...
<body>
<div id="head">
...
<div class="sitemenu">
<ul><?php get_i18n_navigation(return_page_slug(), 0, 0); ?></ul>
</div>
<div style="clear:both"></div>
</div>
<div id="main">
<div id="navigation">
<ul><?php get_i18n_navigation(return_page_slug(), 1, 100); ?></ul>
</div>
<div id="content">
<h1 id="pagetitle"><?php get_page_title(); ?></h1>
<?php get_page_content(); ?>
</div>
<div id="footer">
...
</div>
</div>
</body>
</html>
The (functionally) relevant entries in the CSS are:
.sitemenu { position:relative; }
.sitemenu li { float:left; }
.sitemenu li.current > a { font-weight:800; }
.sitemenu li.currentpath > a { font-weight:800; }