mgbtech
Level 1 (0 points)

Q: ePub3 Navigation issue on iPad

Hi,

 

I have an ePub3 file. In the epub3 file there is a navigation file called nav.xhtml which contains Table of Contents elements. This TOC has 3 sub levels. But these levels are not displaying correctly on iPad navigation. Below is my code,

 

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">

<head>

<title>TOC</title>

</head>

<body>

<nav epub:type="toc" id="toc1">

<h1>Contents</h1>

<ol>

<li><a href="cover.xhtml">Cover</a></li>

<li><a href="title.xhtml">Title Page</a></li>

<li><a href="copyright.xhtml">Copyright Page</a></li>

<li><a href="toc.xhtml">Contents</a></li>

<li><a href="part01.xhtml"><strong>Section I</strong></a>

<ol>

<li><a href="chapter01.xhtml">Chapter 1</a></li>

<li><a href="chapter02.xhtml">Chapter 2</a></li></ol></li>

<li><a href="part02.xhtml"><strong>Section II</strong></a>

<ol>

<li><a href="chapter03.xhtml">Chapter 3</a>

<ol>

<li><a href="appendix3a.xhtml">Appendix 3A</a></li>

<li><a href="appendix3b.xhtml">Appendix 3B</a></li>

<li><a href="appendix3c.xhtml">Appendix 3C</a></li></ol></li>

<li><a href="chapter04.xhtml">Chapter 4</a>

<ol>

<li><a href="appendix4a.xhtml">Appendix 4A</a></li>

<li><a href="appendix4b.xhtml">Appendix 4B</a></li>

</ol></li></ol>

</nav>

</body>

</html>

 

In the above code Chapter 4 is not nested properly. It is nesting to Section II instead of Chapter 3. Can any one please advise whether this is the limitation of iBooks or is there any issue in my code.

 

Thanks,

Balaji MG

iPad 2, iOS 8.2

Posted on Jan 13, 2016 6:13 AM

Close
mgbtech

Q: ePub3 Navigation issue on iPad

  • All replies
  • Helpful answers

  • by Tom Gewecke,

    Tom Gewecke Tom Gewecke Jan 14, 2016 9:50 AM in response to mgbtech
    Level 9 (78,979 points)
    Jan 14, 2016 9:50 AM in response to mgbtech

    mgbtech wrote:

     

    In the above code Chapter 4 is not nested properly. It is nesting to Section II instead of Chapter 3.

     

    It is not clear from this what you want to happen.  The code should produce what is below.  Is that correct or not?

     

    Screen Shot 2016-01-14 at 10.48.51 AM.png

  • by mgbtech,

    mgbtech mgbtech Jan 14, 2016 10:11 AM in response to Tom Gewecke
    Level 1 (0 points)
    Jan 14, 2016 10:11 AM in response to Tom Gewecke

    Hi Gewecke,

     

    Thanks for your reply.

     

    The given code should produce as you mentioned. But it is not produced. The navigation is displaying like below on iBooks in iPad.

     

    Clipboard01.jpg

    Chapter 4 is nesting to Section II instead of Chapter 3. This is the issue what I am facing now. Not sure whether this is the bug in iBooks. If I use <ul> instead of <ol> tag everything is fine. But it throws an validation error.

     

    Please advise.

     

    Thanks,

    Balaji MG