Andrew, Ive never repositioned this control within a Table so not sure if it works. I just have a Control div positioned anywhere in the window and have a dive for each of the PanZoomBar and NavToolbar controls.
See http://demo.cubewerx.com.au/sldviewer.html #controls { position:absolute; top:120px; left:0px; width:40px; height:400px; z-index:500; } #zoomControl{ position:absolute; top:0px; left:0px; } #mouseControl{ position:absolute; top:20px; left:7px; } In the javascript . map.addControl(new OpenLayers.Control.PanZoomBar({div:$('zoomControl')})); map.addControl(new OpenLayers.Control.NavToolbar({'div':OpenLayers.Util.getElement('mouseContro l')})); In HTML . <div id="controls"> <div id="zoomControl" ></div> <div id="mouseControl" class="olControlNavToolbar" ></div> </div> <!-- controls --> Hope this helps Merry Xmas Brad Spencer -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Andrew Murdoch Sent: Sunday, 23 December 2007 4:28 AM To: [email protected] Subject: [OpenLayers-Users] Nav div problems I'm probably missing something basic regarding HTML but I'm having trouble getting the PanZoomBar div named "nav" to be positioned anywhere other than the upper right corner of the page. I've tried adding the nav div to the td table cell of a table, but the nav div never moves away from that corner. I'm using OL 2.5. Here are code snippets from my HTML, where the PanZoomBar is defined and where the nav div is defined. themap.addControl(new OpenLayers.Control.PanZoomBar({div:$('nav')})); <td align="center"> <div id="nav" style="width:150px"></div> </td> Thanks for your help! Andrew Murdoch _____ The best games are on Xbox 360. Click here for a special offer on an Xbox 360 Console. Get it now! <http://www.xbox.com/en-US/hardware/wheretobuy/>
_______________________________________________ Users mailing list [email protected] http://openlayers.org/mailman/listinfo/users
