Been learning a bit of javascript to use in my website, and I've stumbled on two problems that have occurred while creating a site element. The masteries table (the large box with pictures you can click on) does not seem to work on firefox. Whenever I clicked on the images (which is supposed to increase/decrease the values) does not work. This click-to-change value feature seems to work on internet explorer and does not on firefox and I would like to know what I can do to make it compatible on both browsers.
Another problem is the location of the text. Prior to adding in my bits of javascript, the text on top of the images were perfectly aligned on top of each picture. However, with the addition of javascript, the text appears lower than they should have. I would like suggestion on how I can solve such problems and I appreciate your time.
The url is a link to the element of the site I am currently working on.
http://99.227.230.26:90/guide/view_guide.php?guideid=1
Another problem is the location of the text. Prior to adding in my bits of javascript, the text on top of the images were perfectly aligned on top of each picture. However, with the addition of javascript, the text appears lower than they should have. I would like suggestion on how I can solve such problems and I appreciate your time.
The url is a link to the element of the site I am currently working on.
http://99.227.230.26:90/guide/view_guide.php?guideid=1