Images overlaid and following endnotes

DrPL · 03-24-2012, 01: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.

Code:

<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, 02:22 PM

Quote:

Originally Posted by DrPL

Code:

<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.

Quote:

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, 02:42 PM

Ah, thanks, Do you mean something like:

Code:

<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, 02: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, 04:57 PM

Quote:

Originally Posted by DrPL

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, 04: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, 10:43 AM

Quote:

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."

03-24-2012, 01:59 PM	#1
DrPL Member Posts: 15 Karma: 302 Join Date: Dec 2010 Device: Kindle	Images overlaid and following endnotes 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. Code: <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

03-24-2012, 02:42 PM	#3
DrPL Member Posts: 15 Karma: 302 Join Date: Dec 2010 Device: Kindle	Ah, thanks, Do you mean something like: Code: <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)

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
mobi endnotes	kphoenix	Kindle Formats	0	01-24-2011 06:51 PM
difficulty with endnotes	Oldpilot	Sigil	5	11-16-2010 03:17 PM
Tagging endnotes	jbrew	Sigil	3	11-08-2010 11:41 PM
capturing text overlaid/within non-rectangular images	CharlesinCharge	ePub	2	10-27-2010 04:53 AM
Footnotes/Endnotes	crutledge	Sigil	17	07-17-2010 11:56 AM

03-24-2012, 02:59 PM	#4
DrPL Member Posts: 15 Karma: 302 Join Date: Dec 2010 Device: Kindle	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!

03-25-2012, 04:49 AM	#6
DrPL Member Posts: 15 Karma: 302 Join Date: Dec 2010 Device: Kindle	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