Hi Mark,
When you say "graphic" I suppose you mean an image (JEPG, GIF, etc.) file?
In the Moodle HTML editor it is not possible to directly insert a Web link on an image as you would do by selecting text. Here is a workaround showing how you can insert a link to Moodle.org on an image of a Moodle logo.
- In the HTML editor, type e.g. the word moodle, select it, click on the Insert Web Link button, type http://moodle.org.
- Now, immediately after the Web link you created on the word moodle, insert an image of the Moodle logo. Click on the Insert Image button in the toolbar and use an image of the Moodle logo that you previously uploaded to your Moodle course files.
- Switch to HTML Code (Toggle HTML source button in the toolbar).
- Locate the word moodle with its hypertext link and delete it (just delete the word moodle, not the whole <a href="http://moodle.org"></a> tag!
<a href="http://moodle.org">moodle</a>
- Locate the image tag, something like <img title="moodle" alt="moodle" src="http://.../moodle/file.php/6/images/moodle.jpg" border="0" height="20" hspace="0" vspace="0" width="89" /> and check that is is located within the the <a></a> tag. If not, move it (move it (drag and drop it) there. You must see this: <a href="http://moodle.org"><img width="89" vspace="0" hspace="0" height="30" border="0" src="http://.../moodle/file.php/6/moodle.jpg" alt="moodle" title="moodle" /></a>
On the attached screen shot you can see that when the mouse is hovering over the moodle logo image, a link to moodle.org is visible in the status bar, meaning that the web link has been correctly attached to that image.
QED
Joseph
Of course things would be easier if it were possible to automatically insert a web link on an image in the HTML WYSIWYG editor mode!
