Hi,
`I`m trying to add a control panel to a div outside map. However the
problem is that the controls are verticaly oriented and are disturbing
my whole page. I did not have much luck with my css , can somebody
point out what am i doing wrong here.
css
.olControlPanel {
display:block;
width: 100px;
height: 24px;
margin: 5px;
top : 500px;
background-color:red;
}
html
<div id="basicnav" class="olControlPanel"></div>
javascript
var zb = new OpenLayers.Control.ZoomBox({title:"Zoom box: zoom on an
area by clicking and dragging."});
var nav=new OpenLayers.Control.MouseDefaults({title:"mouse
panning"}); // default navigation
var container=document.getElementById("basicnav");
var panel = new OpenLayers.Control.Panel({div: container});
panel.addControls([nav,zb]); // nav and zoom box
map.addControl(panel); // adding map control
--
I.R
_______________________________________________
Users mailing list
[email protected]
http://openlayers.org/mailman/listinfo/users