<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
<meta name="Generator" content="Microsoft Word 14 (filtered medium)">
<style><!--
/* Font Definitions */
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:"Comic Sans MS";
panose-1:3 15 7 2 3 3 2 2 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Comic Sans MS";
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri","sans-serif";}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang="EN-US" link="blue" vlink="purple">
<div class="WordSection1">
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS"">All,<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS"">I’m looking for some help with restyling an OpenLayers interface. I’ll be the first to admit to not knowing much about CSS (yet).
<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS"">I have made progress with FireFox and Chrome browsers, but IE(9) is causing trouble. I have an interface output from a CGI with options for restyling in place. You can see my STYLE
changes in the source, I’m in-lining the changes in the page. Works great in FF and Chrome, but I need help with IE, I’ve tried a few different things on and off for the last week or so, with no success in IE. . The LayerSwitcher and related page Navigation
items are inheriting the default style from somewhere, but only in IE.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><a href="http://pwultra5.ci.stpaul.mn.us/cgi-bin/avl/avl_dev_proxy.pl">http://pwultra5.ci.stpaul.mn.us/cgi-bin/avl/avl_dev_proxy.pl</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><a href="http://pwultra5.ci.stpaul.mn.us/cgi-bin/avl/avl_dev_proxy.pl?fleet_name=Parks">http://pwultra5.ci.stpaul.mn.us/cgi-bin/avl/avl_dev_proxy.pl?fleet_name=Parks</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><a href="http://pwultra5.ci.stpaul.mn.us/cgi-bin/avl/avl_dev_proxy.pl?fleet_name=Sewers">http://pwultra5.ci.stpaul.mn.us/cgi-bin/avl/avl_dev_proxy.pl?fleet_name=Sewers</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><a href="http://pwultra5.ci.stpaul.mn.us/cgi-bin/avl/avl_dev_proxy.pl?fleet_name=Streets">http://pwultra5.ci.stpaul.mn.us/cgi-bin/avl/avl_dev_proxy.pl?fleet_name=Streets</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><a href="http://pwultra5.ci.stpaul.mn.us/cgi-bin/avl/avl_dev_proxy.pl?fleet_name=Traffic">http://pwultra5.ci.stpaul.mn.us/cgi-bin/avl/avl_dev_proxy.pl?fleet_name=Traffic</a><o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS"">Note: the AVL stuff is the same in all interfaces right now, the Fleet filtering is the next on the list once I get past this styling stuff<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS"">So, any suggestions about how to make things work in IE? Is there a re-styling guide somewhere?<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS"">Also, why the heck is this restyling so hard in OpenLayers (what a pain !!). I suggest a CSS
<u>only</u> method for the navigation buttons, etc. as the default view for OpenLayers<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS"">Thanks.<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS"">Bobb<o:p></o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><o:p> </o:p></span></p>
<p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Comic Sans MS""><o:p> </o:p></span></p>
</div>
</body>
</html>