I'm a total SS newb and a graphic designer by trade so I'm a touch out of my depth – trying to pick it up as I go along.

I'm trying to build a site navigation that works like this example: http://www.everythingdesign.co.nz/test/la-cigale/

I need to have the Main pages and subpages always visible. I've been through the initial tutorials and got to the stage where I have a submenu appearing on the parent pages but I need to weave the two menus together and keep them visible.

The way I constructed the example menu above was to put each group of 'Main and sub menu' in a div of its own so that I could use the bottom border in css to seperate them. There may be a better way to do that too.

Can anybody help?
Cheers.

Thanks Willr.

Definitely getting there with your code.

At the moment I've got:

   <div id="left">
      <div class="menu">
<% control Menu(1) %>
<a class="menu bold" href="$Link">$MenuTitle</a>
<% control Children %>
<a class="menu" href="$Link">$MenuTitle</a>
<% end_control %>
<% end_control %>
         
      </div>
</div>

I just need to organise each grouping into seperate divs somehow. Again, any ideas would be much appreciated.

Thanks.