Make an image a link

[Anne-Marie Mylar]

I know how to create a link with an image. But I do not know how to do it on your system because in the file index.html the image that is on the upper right end corner cannot be selected. The image is named background-logo.png.
The template that I modified is Integrated IFrame with Header - green.

I want to link that image to http://www.cheon-il-guk.org/donate.htm

[Tim Green]

Hi Anne-Marie,

You can't attach a link to that image because it is being used as a background for the entire header <div> container box with the ID "hmheadbox", and backgrounds cannot have links. What you need to do is add your own <img> tag with another image to the "hmheadbox" div in the Layout template. Then you can put an <a> tag with the link around it, like this:

Code: Select all

<div id="hmheadbox">
<a href="http://www.whatever.com/wherever/filename.html"><img src="yourimage.png" alt="Description here" width="xxxxx" height="xxxxx" border="0" /></a> 
....

That is the basic method. Replace the xxxxx entries above with the image dimensions in pixels, and add the image you want to use to the baggage files section of the skin. You will probably need to add code for position etc.

Make a copy of the skin in your project folder to be able to edit it. You can find the Layout template in Project Explorer > Configuration > Publishing Options > WebHelp > Layout.