Something strange is happening..

  • 1
  • Question
  • Updated 9 years ago
  • Answered
I have created an image link within my website, the code that I am using enables the link to open in a new window which is important as it is a sale page.

The link is correct and so is the URL for the image, the whole thing works as it should within Yola and even when I preview it. Yet when I publish the site the link (image) is replaced with a box with a cross in it.

Can anybody please advise I would be most grateful.

Thanks
Stewart

PS: the page in question is http://www.realworldoncanvas.com/land...
Photo of Stewart Scott

Stewart Scott

  • 121 Posts
  • 3 Reply Likes
  • confused

Posted 9 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Stewart

I believe Marije answered you on the other thread where you posted this problem. I'll reiterate what she said.

You need to make sure that when you put in your image url, that it is case sensitive. I believe it's supposed to be: resources/Site_images/Info.Jpg

You had this: resources/site_images/info.jpg
Photo of Marije

Marije, Official Rep

  • 4636 Posts
  • 237 Reply Likes
Hi Stewart,

I wrote this on your other post, can you make sure the path in the HTML is identical to the name of the file in the File Manager. This also means that if there are upper-case and lower-case letters, they must be included.

For example:
resources/site_images/info.jpg
It should be:
resources/Site_images/Info.Jpg
If that is what it looks like in the File Manager.

Alternatively, you can rename the files in your File Manager to lower-case (right-click > rename).
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
What I do many times - just to make sure is:

1) Right click on the image in the file manager.
2) Select view
3) Right click on the image and select "Copy image location"
4) Paste into notepad and remove all the text before "resources"

No mistakes that way :-)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Nice tip Boomer.

This is my little trick:
What I do is simply right-click the image, go to "rename" and then right-click again and copy the highlighted text. Then, I click "cancel". No need to paste into Notepad or erase anything. =)
Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Cool trick Lu, but it's only good if the image is in the resources (main) directory.
If the image is in a sub-directory, it won't copy the whole link ;-)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Touche!
Photo of Stewart Scott

Stewart Scott

  • 121 Posts
  • 3 Reply Likes
Thanks everybody

S
Photo of Stewart Scott

Stewart Scott

  • 121 Posts
  • 3 Reply Likes
Hi

I feel like breaking out a bottle of champers - I have finally managed it........IT WORKS !!!

However I have uncovered another problem I seem to have an unwanted purple box around my HTML link - does anybody know how I can remove it

http://www.realworldoncanvas.com/land...

Thanks
Stewart
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi Stewart

To remove the border around your linked image, you'll need to add border="0" to your img src tag.

e.g. <img src="YOUR IMAGE URL" border="0">

You should be all set after this! =)
Photo of Stewart Scott

Stewart Scott

  • 121 Posts
  • 3 Reply Likes
Thanks Littleus consider this thread answered !

Stewart