Add sizes to a couple of the sundial images, and zoom into show two of the

ones we hae sizes for to create a more compelling first impression.


git-svn-id: http://svn.openlayers.org/trunk/openlayers@6730 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf

examples/sundials.html

@@ -6,10 +6,11 @@
     <style type="text/css">
         #map {
             width: 100%;
-            height: 100%;
+            height: 80%;
             border: 1px solid black;
         }
-        .olPopup p { margin:0px; }
+        .olPopup p { margin:0px; font-size: .9em;}
+        .olPopup h2 { font-size:1.2em; }
     </style>
     <script src="../lib/OpenLayers.js"></script>
     <script type="text/javascript">
@@ -36,7 +37,7 @@
   
             map.addControl(selectControl);
             selectControl.activate();   
-            map.zoomToMaxExtent();
+            map.zoomToExtent(new OpenLayers.Bounds(68.774414,11.381836,123.662109,34.628906));
         }
         function onPopupClose(evt) {
             selectControl.unselect(selectedFeature);
@@ -46,7 +47,7 @@
             popup = new OpenLayers.Popup.FramedCloud("chicken", 
                                      feature.geometry.getBounds().getCenterLonLat(),
                                      new OpenLayers.Size(100,100),
-                                     "<div style='font-size:.8em'>"+feature.attributes.description+"</div>",
+                                     "<h2>"+feature.attributes.name + "</h2>" + feature.attributes.description,
                                      null, true, onPopupClose);
             feature.popup = popup;
             map.addPopup(popup);