Thanks, a lot frank it was really useful I really appreciate.
and I learnt something eric.

Hi Frank,
please how do i get to create a link on an image to click on and open another image?
Thank you!

When you look at the Content pane, use the element called 'Picture link' instead of just Picture. When you have chosen the Picture link, open the Element pane, and where it says Href add the path to the image that is to be opened. You need to remove the #.

Thank you Inger,

When I click on the link I generated it directs me to the control panel what am suppose to do?

That depends on what link you created. I thought you would link to a picture. It may be best if you posted the project file so that we could take a look. To attach a .rsd file here, you need to zip it up.

Thank you inger,
perhaps the link below will help
https://kasuwa247.coffeecup.com/index.html

When you look at the Content pane, use the element called 'Picture link' instead of just Picture. When you have chosen the Picture link, open the Element pane, and where it says Href add the path to the image that is to be opened. You need to remove the #.

I didn't see any element called 'Picture link' in my content pane, I see href eg <li><a href="product.html">Product</a></li> which is in both the header and footer which is the link that directs you to the said product page if clicked, is this where am suppose to add the image <img src="images/cop.jpg" width="200" height="300" alt="" border="0"> if clicked on the said image will direct me to another image page if so how do i do it?

Although I created my own initiative:
1. <a title="" href="https://https://kasuwa247.coffeecup.com/index.html/caps/images/<img src="images/cap.jpg" width="200" height="300" alt="" border="0"> "class=“caps”><img src="images/ca.jpg" width="150" height="200" alt="" border="0"></a>

2. <li><a href="index.html" <class="slected">Merchandise/caps/images/<img src="images/cap.jpg" width="200" height="300" alt="" border="0"> "class=“caps”><img src="images/ca.jpg" width="150" height="200" alt="" border="0"></a></li>

3. <a href="index.html" <img src="images/cap.jpg" width="200" height="300" alt="" border="0"></a> <a href="index.html" <img src="images/cop.jpg" width="200" height="300" alt="" border="0"></a> <a href="index.html" <img src="images/cp.jpg" width="200" height="150" alt="" border="0"></a> <a href="index.html" <img src="images/cpp.jpg" width="200" height="300" alt="" border="0"></a> <a href="index.html" <img src="images/ka.jpg" width="200" height="300" alt="" border="0"></a> <a href="index.html" <img src="images/kap.jpg" width="200" height="300" alt="" border="0"></a>
<br/>

4. <a href= <img src="images/cop.jpg" class="responsive-picture component-img">
<picture>
<img alt=“Placeholder Picture” width=“200” height=“300” src="./img/"images/cop.jpg">
</picture>

All of this code created a clickable link that directs me to 'opps we can't find that on your map'.
I believe am missing something please help me and Thank you

Well, maybe we also are missing something. In my previous reply, I was assuming that you were using Site Designer, but obviously, you are using the HTML Editor. Of course, then you don't have any content pane.

Attached you'll find what a link looks like from one picture to the same in a larger version. You can add size, but it should rather be done in the css, not in html.

please is it possible to create a linkable page that links to other pages with S-drive? if so how?
for example, if clicked on my website link below
https://kasuwa247.coffeecup.com/
and you click on the first image with two caps which I try to create a link to link to other caps, it directs me to "opps! we cant find that on your map"
what am I supposed to do please?

Remove the two " from “pics/cap.jpg"

Edited: No, remove the whole link to pics/ca.jpg. Either that is the page telling you that nothing is there, or it is a non-existent page. I told you in a previous post how to make a link from an image.

Second edit: I'm studying your code, and obviously the images are not in a folder named pics. Maybe you intend to put larger versions there, but as long as you haven't done that, you will keep getting that error message. But the code will then be


The image names are of course just examples.