CSS3 PIE Forums
http://css3pie.com/forum/

Last formatting problem
http://css3pie.com/forum/viewtopic.php?f=3&t=1784
Page 1 of 1

Author:  pahiker [ Thu Sep 13, 2012 4:21 pm ]
Post subject:  Last formatting problem

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.png

Here 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.

Page 1 of 1 All times are UTC - 7 hours [ DST ]
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/