[OpenLayers-Dev] Adding css elements in javascript not working

Thu Dec 13 12:46:56 EST 2007

Hey-

pdecker wrote:
> Hello,
> 
> I have tried to modify some of the css elements as shown below.  The
> div.olControlMousePosition works, but the OverviewMap elements do not work. 
> If I  modify the OpenLayers style.css file itself, the elements work.  I am
> using OpenLayer 2.5.  Thanks for any help.  -Paula
> 

Try adding theme: null as an option in your map constructor.

var map = new OpenLayers.Map("map", {theme: null});

If this works, please file a ticket reporting that the stylesheet 
detection is flawed (as I already suspect it is).

Tim

> <html>
> <head>
>     <link rel="stylesheet" href="../theme/default/style.css" type="text/css"
> />
>     <style type="text/css">
> 		div.olControlMousePosition {
> 			background-color: #ffffff; 
> 			font-size: smaller;
> 			font-weight: bold;
> 		}        
> 		.olControlOverviewMapContainer {
> 			position: absolute;
> 			bottom: 40px;
> 			right: 0px;
> 		}        
> 		.olControlOverviewMapMinimizeButton {
> 			right: 0px;	
> 			bottom: 90px;
> 		}    
> 		.olControlOverviewMapMaximizeButton {
> 			right: 0px;
> 			bottom: 90px;
> 		}
>     </style>
>     <script src="./lib/OpenLayers.js"></script>
> 