Have you noticed, the instuction "Make quadrilaterals on geo-board" is overlapped by the grid and the next and previous button no longer works. <div class="gmail_quote">On Fri, Oct 23, 2009 at 10:00 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;">I fixed most of the css. take a look. I can walk u through how I did it. You want to use an image that u can draw on. That grid is supposed to hold an example for the student to model. that is how the original flash lesson works. <div><div></div><div class="h5"> On Fri, 2009-10-23 at 09:49 +0545, roshan karki wrote: > 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, :(. > > On Fri, Oct 23, 2009 at 5:51 AM, Bryan Berry <<a href="mailto:bryan@olenepal.org">bryan@olenepal.org</a>> > wrote: > 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> > > </div></div>-- <div><div></div><div class="h5">Bryan W. Berry Senior Engineer OLE Nepal, <a href="http://www.olenepal.org" target="_blank">http://www.olenepal.org</a> </div></div></blockquote></div>