View Single Post
Old Today, 03:37 PM   #3
Musrar
Member
Musrar began at the beginning.
 
Posts: 13
Karma: 10
Join Date: Sep 2024
Device: Kindle Oasis
Quote:
Originally Posted by JSWolf View Post
In the ePub, edit the OPF and replace <guide/> with...
Code:
  <guide>
    <reference href="start.xhtml" title="Start" type="start"/>
  </guide>
It may work.
Thanks for the input. Sadly, your solution didn't work, nor did the fiddling I did based on your suggestion. In the end, what I did is remove the text type from the azw3, leaving only the toc and the cover (and I suspect neither the toc appears at the beginning, but it's less of an issue):

Code:
  <guide>
    <reference type="toc" href="text/part0009.html#8IL21-a0e11e7239964d8e9cbd1281b95542bb" title="Table of Contents"/>
    <reference type="cover" href="images/00001.jpeg"/>
    <reference type="other.ms-coverimage-standard" href="images/00001.jpeg"/>
    <reference type="other.ms-coverimage" href="images/00001.jpeg"/>
  </guide>
However, the issue wasn't here. The issue was in the css class Calibre assigns converted azw3. In my case my book has a vrtl class I created to display vertical text.
Here are all the styles of my epub:
Code:
@charset "utf-8";
/* Styles for 不明 */

html,
.hltr {
-webkit-writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
}
.vrtl {
-webkit-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
}
body {
margin-left: 1em;
margin-right: 1em;
writing-mode:tb-rl;
-webkit-writing-mode: vertical-rl;
line-break: normal;
-epub-line-break: normal;
-webkit-line-break: normal;
}


p{
      font-size: 1em;
    line-height: 1.5;
    text-align: justify;
    text-indent: 1em;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal;
    word-wrap: break-word;
    padding: 0;
    margin: 0 0
  
  }
  
.title{
      text-align: center;
          page-break-before: always;
  }
  
  .author{
      text-align: center;
  }
In the converted azw3, each html file has a vrtl class which looks like this:
Code:
<html xmlns="http://www.w3.org/1999/xhtml" class="vrtl">
Code:
.vrtl {
  -webkit-writing-mode: vertical-rl;
}
But in the first pages for the title calibre assigns a newly created class named calibre:
Code:
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" class="vrtl">
  <head><meta charset="UTF-8"/>
    <title>サイレントウイッチ 01</title>
    <link rel="stylesheet" type="text/css" href="../styles/0003.css"/>
    <link rel="stylesheet" type="text/css" href="../styles/0002.css"/>
    
  </head>
  <body class="calibre1">
<h1 class="title" id="calibre_pb_0">サイレントウイッチ 01</h1>
    <h3 class="author">依空まつり</h3>
  </body>
</html>
Code:
.calibre {
  -webkit-writing-mode: horizontal-tb;
}
which apparently makes the first pages not display at all. It seems to be this mix of vertical and horizontal writing mode. When I wrote the vertical class to the first pages, they displayed correctly in the kindle.

Last edited by Musrar; Today at 03:51 PM.
Musrar is offline   Reply With Quote