View Full Version : Images overlaid and following endnotes


DrPL
03-24-2012, 02:59 PM
Hi,
I've just converted a book to epub format and it was fairly straightforward. I have one or two questions.

I have a small section that has a few diagrams.


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Diagrams</title>
</head>
<body>
<p id="chap03">
<img src="images/Plan.jpg" alt="" />
<br /><img src="images/BD.jpg" alt="" />
<br /><img src="images/ED.jpg" alt="" />
<br /><img src="images/TT.jpg" alt="" />
<br /><img src="images/NAM.jpg" alt="" />
</p>
</body>
</html>


I uploaded the pub to my wife's Kobo ereader and they display OK, except that when going from one page to the next, the previous image can be seen jutting out from under the current one. Is this peculiar to the ereader or is it a generic problem? Is there a way to fix it?

Also, my book has a lot of endnotes; is there a way to click on a reference number [eg "[18]") to follow the link to the endnotes? I've specified the anchors and ids to allow the reader to go from the main body of the text
to the endnotes.

Many thanks

Paul

mmat1
03-24-2012, 03:22 PM
<p id="chap03">
<img src="images/Plan.jpg" alt="" />
<br /><img src="images/BD.jpg" alt="" />
<br /><img src="images/ED.jpg" alt="" />
<br /><img src="images/TT.jpg" alt="" />
<br /><img src="images/NAM.jpg" alt="" />
</p>

Is this peculiar to the ereader or is it a generic problem? Is there a way to fix it?

I guess it's an ereader Problem and maybe other readers will have a problem with this as well. To fix it: consider to enclose every picture in a separate p-tag.


Also, my book has a lot of endnotes; is there a way to click on a reference number [eg "[18]") to follow the link to the endnotes? I've specified the anchors and ids to allow the reader to go from the main body of the text
to the endnotes.


such as "<a id="backref18" href="location of the anchor18">[18]</a>" ?

DrPL
03-24-2012, 03:42 PM
Ah, thanks, Do you mean something like:


<p>
<img src="images/BD.jpg" alt="" />
</p>


etc.?

As for the linking, in the main body of the text, I am using
something like <a href="endnotes.html#chap1note2">[2]</a>
and in the endnotes, I am using an equivalent anchor like
<p id="chap1note2">some blurb</p>

why did you put 'id="backref18"' in your example? Is this because
of a reciprocal link from the endnotes chapter back to the main body
of the book? If so, I thought that the back button would do that...?

(Sorry if this is not the case, I am new to all this)

DrPL
03-24-2012, 03:59 PM
Having done some experimentation with my wife's kobo ereader, it doesn't look like you can select a link to a endnote. You have to go to the endnotes chapter, find the reference number you want, and then go select the page number in the main body you want to go back to. A bit of a nuisance!

mmat1
03-24-2012, 05:57 PM
Having done some experimentation with my wife's kobo ereader, it doesn't look like you can select a link to a endnote. You have to go to the endnotes chapter, find the reference number you want, and then go select the page number in the main body you want to go back to. A bit of a nuisance!

Yes you understood my intention with the separate paragraphs correctly. Does it work as expected ?

Links:
You make sure to give the correct path ? If you work with Sigil, it should read
<a href="../Text/endnotes.html#chap1note2">[2]</a>. Note that the path is case-sensitive.

Since there are still some E-Readers out in the world, which don't have a "back" button, I always make a backref from the endnote.

You won't tell me that the Kobo can't handle a link ? Maybe it's just a problem with the path. Otherwise it would be really a bit of a nuisance.

DrPL
03-25-2012, 05:49 AM
It doesn't look like the kobo ereader can follow a link, at least not in the html format that I gave, but then again, the rubber pad to aid navigation is very limiting, IMHO.

As for the images; I wanted to center them in the page as they were flush left, and found a way to do it, and the overlay problem seems to be solved - I enclosed the p tag in a div that specified text-align:center. The last of the graphics in the diagrams section is not being presented on another page to the penultimate one, but side-by-side. I think this is due to the images being so narrow that they can fit on one page. It's not quite what I expected, but its not too bad, so I'll let the ereader off ;)

DiapDealer
03-25-2012, 11:43 AM
It doesn't look like the kobo ereader can follow a link, at least not in the html format that I gave, but then again, the rubber pad to aid navigation is very limiting, IMHO.
I would be quite surprised if the Kobo couldn't follow properly formatted html links. Easy enough to find out though. Many commercial epubs come with inline (html) Table of Contents that are nothing but links to various anchor points in the ebook (in addition to the built-in NCX ToC). You should be able to download one from the free library here and see if the links from an inline ToC function properly. If they do... the Kobo can handle links just fine and you can use those working hrefs and anchors to see how to properly "get it done." :D