I knowingly left the most of the changes you are talking about. It was like that from subzero himself. I had plan for cleaning them up in the end. I only want to make the least change possible so that it won't be hard for me to debug. Putting the grid as image in html is nice idea. Or should I use table instead of image ? Sorry again, but I still can't do the CSS, :(. <div class="gmail_quote">On Fri, Oct 23, 2009 at 5:51 AM, Bryan Berry <<a href="mailto:bryan@olenepal.org">bryan@olenepal.org</a>> wrote: <blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">roxan, here are some remarks that I think would be helpful. I would be happy to go over this mail on irc w/ u. For all the stuff I have remarked here I have pushed changes to <a href="http://git.sugarlabs.org" target="_blank">git.sugarlabs.org</a> ===Comments on <body> in index.html and general file-naming ==== I highly recommend u set the <!DOCTYPE html> this sets the doctype to html5. Without it, the browser likely won't recommend html5 elements properly or consistently Why do u link in both jquery.js and ../../js/jquery-1.3.2.min.js ? <script src="../../js/jquery-1.3.2.min.js" type="text/javascript"> You named the css file activity.css, can we change this to lesson.css? I think it would make the naming more consistent and preserve the distinction between Karma lessons and Karma activities. A karma lesson is a single instructional unit and a karma activity contains multiple lessons, just like our E-Paath bundles do now. There is also a quadrilaterals.css file linked in. Why do u need activity.css and quadrilaterals.css? You have added in the jquery UI library <script src="../../js/jquery.ui.all.js" type="text/javascript"> but it doesn't exist at that path. It also appears that u don't use any of the Karma api for drawing. Is that because documentation is lacking? ===Layout=== You want to split out the grid on the right-handside of the bg.png into a separate image and embed it into the html. That way u can position it independently. I don't recommend using absolute positioning for the buttons. You do need it for the left and right buttons because u have to position them relative to the grid image which is embedded in the background. If you split that grid out and directly place it in the layout, you can position the left and right buttons relative to it. -- Bryan W. Berry Senior Engineer OLE Nepal, <a href="http://www.olenepal.org" target="_blank">http://www.olenepal.org</a> </blockquote></div>