Website not loading - Post ID 295575

User 3033418 Photo


Guest
10 posts

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


Guest
10 posts

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


Senior Advisor
13,729 posts
Online Now

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 #.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 3033418 Photo


Guest
10 posts

Thank you Inger,

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


Senior Advisor
13,729 posts
Online Now

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.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 3033418 Photo


Guest
10 posts

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


Guest
10 posts

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 :)

User 122279 Photo


Senior Advisor
13,729 posts
Online Now

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.
Attachments:
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com


User 3033418 Photo


Guest
10 posts

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?
User 122279 Photo


Senior Advisor
13,729 posts
Online Now

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

<a href="pics/large-image.jpg"><img src="images/small-image.jpg" width="" height="" alt="" title="" /></a>

The image names are of course just examples.
Ha en riktig god dag!
Inger, Norway
This site was made before we were able to create components through the app:
Component sharing for RFF, RBB, RSD and SD: https://eikweb.com/sharing/
My work in progress right now:
Components for the same as above + HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.