I hope someone here will be able to help. After completing a cloze question quiz our students who are using Safari on OS X get no highlighting of correct and incorrect answers. Other kinds of questions are highlighted. I have also tried various other OS X browsers - Camino and Firefox and the results are the same. However Netscape 7.2 on OS X shows the highlighting as does Firefox on Linux and Internet Explorer on Windows.
I am using the latest version of Moodle 1.5.4 and only the standard themes.
Patrick
Are you able to try this in the latest 1.6 branch version from CVS? I just changed how this works, but I don't have a mac to test it on.
Thanks for the reply! I couldn't install the CVS 1.6 but I did install the very latest beta package built just 2 hours ago. Still the problem persists. The first image is from Firefox 1.5 on my mac.
This image is Netscape 7.2 the same computer and the same question.
I would have thought there would be a difference between Safari the default mac browser and Netscape since it uses Konqueror to render the pages. However none of the mac browsers that use Gecko can show the highlighted feedback.
Patrick
This image is Netscape 7.2 the same computer and the same question.
I would have thought there would be a difference between Safari the default mac browser and Netscape since it uses Konqueror to render the pages. However none of the mac browsers that use Gecko can show the highlighted feedback.
Patrick
It looks like the modern browsers are using the native Mac rendering of drop-downs, that is so fancily styled and pretty that it ignores the plain background colour set in the CSS or HTML.
I quick google suggests that trying to style form controls on a Mac is a bit of a non-starter. That's a fairly serious flaw with the way CLOZE questions display their results.
Can anyone with a Mac play around with the CSS (maybe using the Firefox web developer toolbar featurs, or the chameleon theme) and come up with some CSS that works, that would be great. Otherwise there is not a lot I can do to fix this.
Actually, this is really bad from an accessibility point of view, just indicating right or wrong with a background colour.
I quick google suggests that trying to style form controls on a Mac is a bit of a non-starter. That's a fairly serious flaw with the way CLOZE questions display their results.
Can anyone with a Mac play around with the CSS (maybe using the Firefox web developer toolbar featurs, or the chameleon theme) and come up with some CSS that works, that would be great. Otherwise there is not a lot I can do to fix this.
Actually, this is really bad from an accessibility point of view, just indicating right or wrong with a background colour.
I don't know much about css but I can learn! If could could point me in the right direction it would be a great help. I suppose I should be looking in the styles.php file and looking at the parts that refer to the quiz (?). Is the cameleon theme easier to work with or should I use the standard theme?
If anybody could give any advice I would be very grateful.
Patrick
If anybody could give any advice I would be very grateful.
Patrick
Try http://www.w3.org/Style/Examples/011/firstcss as a short CSS tutorial.
Once you have the hand of roughly how it works, http://www.w3.org/TR/CSS21/propidx.html is a useful reference, it is a list of all the properties you can set, with links to what the settings mean.
When it comes to working on CSS for real, I strongy recommend using Firefox, and installing the web developer toolbar extension: https://addons.mozilla.org/firefox/60/
Then on any page, you can do CSS -> Edit CSS from the WD toolbar. It opens an edit box beside the web page showing the CSS applied to the browser, and you edit the CSS and see immidately what effect that has on the web page. It is a great way to experiment and try things, which is the fastest way to learn.
(The only thing to watch out for is that the CSS is not saved anywere, so if you go to a different page, you lose the results of your experiments. If you want to keep anything, you need to copy and paste your changes to an editor then save them.)
Once you have the hand of roughly how it works, http://www.w3.org/TR/CSS21/propidx.html is a useful reference, it is a list of all the properties you can set, with links to what the settings mean.
When it comes to working on CSS for real, I strongy recommend using Firefox, and installing the web developer toolbar extension: https://addons.mozilla.org/firefox/60/
Then on any page, you can do CSS -> Edit CSS from the WD toolbar. It opens an edit box beside the web page showing the CSS applied to the browser, and you edit the CSS and see immidately what effect that has on the web page. It is a great way to experiment and try things, which is the fastest way to learn.
(The only thing to watch out for is that the CSS is not saved anywere, so if you go to a different page, you lose the results of your experiments. If you want to keep anything, you need to copy and paste your changes to an editor then save them.)
http://www.w3.org/Style/Examples/011/firstcss is a short CSS tutorial.
Once you get the general hang of things, http://www.w3.org/TR/CSS21/propidx.html is a useful reference, listing all the properties you can set, with links to what they mean.
For doing real work on CSS, I strongly recommend using Firefox, and installing the Web Develper extension https://addons.mozilla.org/firefox/60/. With it installed, you get an extra toolbar. When viewing any page, you can choose CSS -> Edit CSS, and it opens a sidebar showing all the CSS that applies to the current page. You can edit the CSS and it immidately shows you the affect of your chages. It is a great way to experiment, which is the best way to learn.
(Just be warned that the Edit CSS feature does not save your changes anywhere, so you need to copy and paste anything you want to save into your editor.)
Once you get the general hang of things, http://www.w3.org/TR/CSS21/propidx.html is a useful reference, listing all the properties you can set, with links to what they mean.
For doing real work on CSS, I strongly recommend using Firefox, and installing the Web Develper extension https://addons.mozilla.org/firefox/60/. With it installed, you get an extra toolbar. When viewing any page, you can choose CSS -> Edit CSS, and it opens a sidebar showing all the CSS that applies to the current page. You can edit the CSS and it immidately shows you the affect of your chages. It is a great way to experiment, which is the best way to learn.
(Just be warned that the Edit CSS feature does not save your changes anywhere, so you need to copy and paste anything you want to save into your editor.)
I also strongly recommend using Firefox's Web Developer extension. Couldn't live without it.
Joseph