You should check to be sure the styles aren't what is making the image look that way.<br><br>Alternatively, you could remake the zoombar from scratch using javascript/html/css. Then you just need to hook up a few events to the Map.zoomTo function, and you'll be good to go. However, this would require advanced knowledge of html/css/javascript, so do not attempt if you aren't a pro. I have done this on several applications and was happier in the end that I didn't waste time trying to mess with the standard OpenLayers zoom bar (as it is very picky about what images you use in it).<br>
<br><div class="gmail_quote">On Wed, Aug 17, 2011 at 6:55 PM, jk <span dir="ltr"><<a href="mailto:jk.chen@sdl.usu.edu">jk.chen@sdl.usu.edu</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex;">
Hi,<br>
<br>
I tried to replace the zoombar to thinner image, but it does not work.<br>
I don't like the current bar which is fat and dark. Replaced the image<br>
(under img) with a thinner one, however, OL continues to display the image<br>
in wider width.<br>
<br>
Can someone give an overview how to do this correctly?<br>
<br>
If I design the image, how many steps should be there? How does OL know?<br>
<br>
Thanks.<br>
<br>
JK<br>
<font color="#888888"><br>
<br>
--<br>
View this message in context: <a href="http://osgeo-org.1803224.n2.nabble.com/how-to-replace-the-zoombar-tp6697543p6697543.html" target="_blank">http://osgeo-org.1803224.n2.nabble.com/how-to-replace-the-zoombar-tp6697543p6697543.html</a><br>
Sent from the OpenLayers Users mailing list archive at Nabble.com.<br>
_______________________________________________<br>
Users mailing list<br>
<a href="mailto:Users@lists.osgeo.org">Users@lists.osgeo.org</a><br>
<a href="http://lists.osgeo.org/mailman/listinfo/openlayers-users" target="_blank">http://lists.osgeo.org/mailman/listinfo/openlayers-users</a><br>
</font></blockquote></div><br>