Thanks to everyone.<br>I put the following code in the stylesheet.css of my application and it works.<br><br>div.olControlMousePosition {<br> bottom: 0em;<br> right: 3px;<br> display: block;<br> position: absolute;<br> font-family: Arial;
<br> color: #ffffff;<br> font-size: 13px;<br> font-weight:bold;<br>}<br><br>Cheers.<br>Francesca<br><br><div><span class="gmail_quote">2007/6/9, bradleyspencer <<a href="mailto:brad@cubewerx.com.au">brad@cubewerx.com.au
</a>>:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<div lang="EN-AU">
<div>
<p><font color="navy" face="Times New Roman" size="3"><span style="font-size: 12pt; color: navy;">Francesca,</span></font><font color="navy"><span style="color: navy;"></span></font></p>
<p><font color="navy" face="Times New Roman" size="3"><span style="font-size: 12pt; color: navy;"> </span></font><font color="navy"><span style="color: navy;"></span></font></p>
<p><font color="navy" face="Times New Roman" size="3"><span style="font-size: 12pt; color: navy;">I have been using a div for these controls
as below and it works fine for the PanZoomBar <span> </span>and the MousePosition control. However, I have had problems
with the MouseToolbar this way.</span></font><font color="navy"><span style="color: navy;"></span></font></p>
<p><font color="navy" face="Times New Roman" size="3"><span style="font-size: 12pt; color: navy;"> </span></font><font color="navy"><span style="color: navy;"></span></font></p>
<p><font color="navy" face="Times New Roman" size="3"><span style="font-size: 12pt; color: navy;">This allows me to move the control off the
map all together which I prefer to do.</span></font><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"></span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"> </span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;">map.addControl(new
OpenLayers.Control.MousePosition({div:$('mousePos')}));</span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"> </span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;">#mousePos{</span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"><span> </span>color:gray;</span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"><span> </span>font-weight:bold;</span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"><span> </span>font-size:10px;</span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"><span> </span>position:absolute;</span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"><span> </span>text-align:left;</span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"><span> </span>top:500px;
left:470px;</span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"><span> </span>width:110px;
height:10px;</span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"><span> </span>}</span></font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"> </span></font></span></p>
<p><span><font color="navy" face="Times New Roman" size="3"><span style="font-size: 12pt;">I'm not sure if this is right or wrong
but it works for me.</span></font></span></p>
<p><span><font color="navy" face="Times New Roman" size="3"><span style="font-size: 12pt;"> </span></font></span></p>
<p><span><font color="navy" face="Times New Roman" size="3"><span style="font-size: 12pt;">Hope it helps.</span></font></span></p>
<p><span><font color="navy" face="Times New Roman" size="3"><span style="font-size: 12pt;"> </span></font></span></p>
<p><span><font color="navy" face="Times New Roman" size="3"><span style="font-size: 12pt;">Cheers,</span></font></span><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"></span>
</font></span></p>
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"> </span></font></span></p>
<p><b><font color="navy" size="4"><span style="font-size: 14pt; color: navy; font-weight: bold;">Brad</span></font></b><font color="navy" size="2"><span style="font-size: 10pt; color: navy;"></span></font></p><div><span class="e" id="q_1130d6ef899fcfff_1">
<p><span><font color="navy" face="Arial" size="2"><span style="font-size: 10pt; font-family: Arial;"> </span></font></span></p>
<p style="margin-left: 36pt;"><font color="black" face="Tahoma" size="2"><span style="font-size: 10pt; font-family: Tahoma; color: black;">-----Original
Message-----<br>
<b><span style="font-weight: bold;">From:</span></b> Pedrazzi Gelsomini
[mailto:<a href="mailto:pedrazzi.gelsomini@gmail.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">pedrazzi.gelsomini@gmail.com</a>]<br>
<b><span style="font-weight: bold;">Sent:</span></b> Saturday, 9 June 2007 1:18
AM<br>
<b><span style="font-weight: bold;">To:</span></b> <a href="mailto:users@openlayers.org" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">users@openlayers.org</a><br>
<b><span style="font-weight: bold;">Subject:</span></b> [OpenLayers-Users]
MousePosition Control</span></font></p>
<p style="margin-left: 36pt;"><font face="Times New Roman" size="3"><span style="font-size: 12pt;"> </span></font></p>
<p style="margin-left: 36pt;"><font color="black" face="Times New Roman" size="3"><span style="font-size: 12pt; color: black;">Hi
everyone....<br>
<br>
How can I change the color and the size of the coordinates that appear in the
bottom-right corner of the map when I add the MousePosition Control?<br>
I need to have them a little bit bigger than the defaul and white. <br>
I tried to modify the style.css file that I found in the theme folder, but it
doesnt work...<br>
<br>
Cheers,<br>
Francesca Pedrazzi</span></font><font color="black"><span style="color: black;"></span></font></p>
</span></div></div>
</div>
</blockquote></div><br><br clear="all"><br>-- <br>Ilaria Gelsomini<br>Francesca Pedrazzi