iweb image hyperlink not working?!

At some moment in time you placed the image in the NAV layer.

But if you hide the nav layer, the image sticks out.

It's now behind the Header layer and behind the Body layer. That's why the link does not work.

Have a look :

http://www.wyodor.net/Tutorials/iWebDemo/z-Index.html

Drag the image to the content layer.

Or the header layer. Increase te height of the header layer since it is 0px.

The image and link are still in the nav layer.

The instruction was : drag it to the header. Not copy/paste it. Which is futile, since you would paste the image in the same location where you copied it from.

Oh, those tiny details.

This is the problem as seen in the code:

<div style="height: 111px; width: 619px; height: 111px; left: 140px; position: absolute; top: 11px; width: 619px; z-index: 1; " class="tinyText style_SkipStroke">

<a href="HOME.html" title="HOME.html"><img src="STORE_files/Untitled-1.jpg" alt="" style="border: none; height: 112px; width: 619px; " /></a>

</div>

<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>

</div>

<div style="height: 120px; margin-left: 0px; position: relative; width: 900px; z-index: 10; " id="header_layer">

<div style="height: 0px; line-height: 0px; " class="bumper"> </div>

The section in green is your image with the link. The section in red has no content but defines an area which as it loads after the section in green overlays is and thus, though it shows, blocks access to it for the link. You need to either remove this section or place the image in it rather than where it currently is.

I know how it looks.

Look for the open and close div of the NAV layer and you will see where your image is.

There's no need to edit code.

Simply drag the image to the header layer. Or if that's too difficult, drag it ANYWHERE. As long as it is OUTSIDE the NAV layer.

Yes, the image is now in front so you only have to add the link.