Linked Resource Does Not Exist

[dbird]

I'm editing a .azw3 file in calibre. I get the consistent error "The linked resource '../images/00003.png' does not exist".

But, the image does exist and displays in the right hand panel correctly. The file name is correct.

I'm a beginner at this. I've converted one file successfully, but this issue has me stumped. I've even copied other areas in the book that display correctly the same image. Nothing works to remove the error. Here's the html:

10 <p class="calibre1"><a id="p26"></a></p>
11 <img src="../images/00003.png"/><p></p>

The error points to the beginning of line 10. Any ideas as to the cause of this?

[theducks]

Originally Posted by dbird

I'm editing a .azw3 file in calibre. I get the consistent error "The linked resource '../images/00003.png' does not exist".

But, the image does exist and displays in the right hand panel correctly. The file name is correct.

I'm a beginner at this. I've converted one file successfully, but this issue has me stumped. I've even copied other areas in the book that display correctly the same image. Nothing works to remove the error. Here's the html:

10 <p class="calibre1"><a id="p26"></a></p>
11 <img src="../images/00003.png"/><p></p>

The error points to the beginning of line 10. Any ideas as to the cause of this?

Line 11 is malformed. look at the <p tag

[dbird]

I'm not seeing it. <p> followed by </p> . Anyway, I copied this from another part of the book that seems to not produce any errors. If I remove both p tags, the error stays the same. Yes, I'm a complete html neophyte, but after looking it up, it still seems OK.

[dbird]

I've found the issue, but I don't understand why this has changed from the first ebook that I put together. The path to images is: <img src="images/00003.png"/>. I found the answer by using the "Insert image" button.

[theducks]

Originally Posted by dbird

I'm not seeing it. <p> followed by </p> . Anyway, I copied this from another part of the book that seems to not produce any errors. If I remove both p tags, the error stays the same. Yes, I'm a complete html neophyte, but after looking it up, it still seems OK.

The image tag pair is supposed to be INSIDE the block level tags (p,div,h# are block level)

[HarryT]

Originally Posted by dbird

I've found the issue, but I don't understand why this has changed from the first ebook that I put together. The path to images is: <img src="images/00003.png"/>. I found the answer by using the "Insert image" button.

If the path was wrong, the image certainly shouldn't have displayed correctly, which you say it did.

[HarryT]

Originally Posted by theducks

The image tag pair is supposed to be INSIDE the block level tags (p,div,h# are block level)

Perfectly true, but pretty much all browsers and renderers will display an image that's outside a block.

[dbird]

The whole issue to me is still not clear. The reason now, is because else where in the file I have the image path as: <img alt="Image" src="../images/00004.png"/>.

There is only one image in the file. Now, both paths yield the same result even though they are different. (No errors.)

This smells like a bug to me. Or, maybe a feature?

[dbird]

Originally Posted by theducks

The image tag pair is supposed to be INSIDE the block level tags (p,div,h# are block level)

Are you sure? When I use the calibre "Insert Image" button, all it inserts is: <img alt="Image" src="images/00004.png" />. No block level tags.

In playing with this, I notice that the above path is produced when I insert the image into a subfile (part0003.html) which I inserted into the book (post conversion). The path <img alt="Image" src="../images/00004.png"/> was produced when I inserted the same image into a subfile which originated with the initial conversion to .azw3.

I have saved the book file, but not re-opened it again after closing the calibre editor. I've noticed that the subfiles names are changed after re-opening. Hm!

[dbird]

Well. Sure enough, after saving the book, exiting the editor, and reopening the book for editing, the subfiles have been renamed, as expected. But, all of the image paths now are uniform with "../images/00001.png".

For me the lesson here is to use the calibre button for inserting and fixing images, rather than messing with the html, then let "nature" take it's course. (Mine not to reason why, mine just to do or die.) LOL

[Divingduck]

Originally Posted by dbird

The whole issue to me is still not clear.
...
This smells like a bug to me. Or, maybe a feature?

No. For me it looks more for an accidental error.

The original code seems to be something like
<p class="calibre1"><a id="p26"></a><img src="../images/00003.png"/></p>
with maybe something additional between </a> and <img
Usually this behavior happen by a S&R where the automatic code error correction add missing start and end tag's to become a valid HTML code. Or because of an accidental CR key stroke while the cursor was at this position in the active code view window. Something like that.

[HarryT]

Originally Posted by dbird

Are you sure? When I use the calibre "Insert Image" button, all it inserts is: <img alt="Image" src="images/00004.png" />. No block level tags.

Semantically, an image is nothing more than an alternate representation of the text equivalent (the "alt" attribute of the image), thus it needs to be contained within the same type of block that text is contained within: either <p> or <div>.

The fact that browsers (and book readers) will in reality display images that are not contained within blocks shouldn't be taken as a reason not to put them in blocks. The easiest thing to do is just to surround the image with <div> ... </div> tags.

[PeterT]

Remember that the path you specify is RELATIVE to the location of the HTML file.

If the HTML file is not in a folder / directory / whatever you call it then the image path will be images/00001.png

If the HTML file is in a folder then the image path will be ../images/00001.png

Sent from my Nexus 7 using Tapatalk

[theducks]

Originally Posted by HarryT

Perfectly true, but pretty much all browsers and renderers will display an image that's outside a block.

True! Which is the problem when trying to find the issue when your Device, does not (like the older ADE based ones)

[theducks]

Originally Posted by dbird

Are you sure? When I use the calibre "Insert Image" button, all it inserts is: <img alt="Image" src="images/00004.png" />. No block level tags.

In playing with this, I notice that the above path is produced when I insert the image into a subfile (part0003.html) which I inserted into the book (post conversion). The path <img alt="Image" src="../images/00004.png"/> was produced when I inserted the same image into a subfile which originated with the initial conversion to .azw3.

I have saved the book file, but not re-opened it again after closing the calibre editor. I've noticed that the subfiles names are changed after re-opening. Hm!

Calibre (and Sigil)expects you to insert the image INTO the (placements) controlling block. eg you might want to 'float' it, scale it...