I am down to the last problems, and they are related to 8&9.
First, neither 8 nor 9 is handling the border rounding
http://api.browsershots.org/png/original/53/53d246d6411b8b4e43fb1387652d9491.pngHere is the associated code
Code:
a.HomeButton, a.SwPaButton, a.NwPaButton, a.Testing {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
float:left;
font-family:sans-serif;
font-size:14px;
font-weight:100;
text-decoration:none;
padding:10px 25px;
margin-bottom: 10px; margin-left: 5px;
behavior:url(PIE.htc);
}
The second problem is IE7 related, the three main buttons format properly, but the others just appear as hyperlinks. Now, I think I may understand what is causing this, but I'm not sure how to fix it. These buttons are generated in a JavaScript, even though they are defined in the main page.
Here is how they are defined in the index.html page
Code:
<a id="NwPa" class="NwPaButton" href="#" onclick="update('NwPa')"><span>NW Pa.</span></a>
<a id="link1" class="" style="width:36%;" target="Content" href=""></A>
The class and all are filled in from the js. So, I am guessing the CSS needs to reference out of the js directory to where pie is located, correct? If so, then I'm guessing I will need two CSS files, one for the index code and one for the js code.
Hope this is understandable.
Forums
