Navigation Toolbar: Outside the Map

To place the Naviation Toolbar outside the map:

• Load the default stylesheet into the page.
• Override the location of the Navigation toolbar in your CSS by setting #yourElementId div to have a top of 0px
• Specify the HTML element as a 'div' option in your NavToolbar constructor
• Add the olControlNavToolbar class to your div.

<link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
<style type="text/css">
  #paneldiv { float: right; }
  #paneldiv div { 
    top: 10px; 
  }
</style>
<div id="paneldiv" class="olControlNavToolbar"></div>

...

var panel = new OpenLayers.Control.NavToolbar({'div':OpenLayers.Util.getElement('paneldiv')});