Quote:
Originally Posted by JSWolf
Can you please post a code sample of the HTML and CSS?
Are you using KePub or ePub?
Thanks.
|
CSS:
Code:
div.svg_outer {
display: block;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: left;
}
div.svg_inner {
display: block;
text-align: center;
}
h1, h2 {
text-align: center;
margin-bottom: 10%;
margin-top: 10%;
}
h3, h4, h5, h6 {
text-align: center;
margin-bottom: 15%;
margin-top: 10%;
}
ol, ul {
padding-left: 8%;
}
body {
margin: 2%;
}
p {
overflow-wrap: break-word;
}
dd, dt, dl {
padding: 0;
margin: 0;
}
img {
display: block;
min-height: 1em;
max-height: 100%;
max-width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 2%;
margin-top: 2%;
}
img.inline {
display: inline;
min-height: 1em;
margin-bottom: 0;
margin-top: 0;
}
.thumbcaption {
display: block;
font-size: 0.9em;
padding-right: 5%;
padding-left: 5%;
}
hr {
color: black;
background-color: black;
height: 2px;
}
a:link {
text-decoration: none;
color: #0B0080;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: underline;
}table {
width: 90%;
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
.webToEpub-author-note {
border: 1px solid black; padding: 0.5em
}
HTML code sample
Code:
<div class="dib pr"> <p>He was transported to a temple like room with a fairy</p> </div> </div> <div class="db cha-paragraph pr hover-light j_paragraph j_para_644d08e41ee2cec772e6c122453de06d "> <div class="dib pr"> <p>she said " 𝘸𝘦𝘭𝘤𝘰𝘮𝘦 𝘵𝘰 𝘰𝘮𝘦𝘨𝘢... 𝘮𝘺 𝘯𝘢𝘮𝘦 𝘪𝘴 𝘨𝘢𝘪𝘢 𝘪 𝘢𝘮 𝘵𝘩𝘦 𝘢𝘳𝘵𝘪𝘧𝘪𝘤𝘪𝘢𝘭 𝘪𝘯𝘵𝘦𝘭𝘭𝘪𝘨𝘦𝘯𝘤𝘦 𝘪𝘯𝘤𝘩𝘢𝘳𝘨𝘦 𝘰𝘧 𝘵𝘩𝘪𝘴 𝘸𝘰𝘳𝘭𝘥."</p> </div> </div>
I have a feeling that the header section, along with a bit of the content immediately following it, might also be relevant:
Code:
<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Chapter 2: 'Omega'</title><link href="../Styles/stylesheet.css" type="text/css" rel="stylesheet" /></head><body><div class="cha-tit skiptranslate"> <div class="pr hover-light j_paragraph j_para_54688165499297042_title mb14" data-ejs="{"paragraphId":"54688165499297042_title","chapterId":"54688165499297042"}"> <h1 class="dib mb0 fw700 fs24 lh1.5">Chapter 2: 'Omega'</h1> </div> </div> <div class="cha-content " data-report-l1="3"> <div class="cha-words _font_54688165499297042"> <div class="db cha-paragraph pr hover-light j_paragraph j_para_630c1f8f089b272c2f26148c5233d4ef ">
The specific part that doesn’t render on my Kobo is shown below, and all subsequent text formatted in the same way simply doesn’t appear:
Quote:
|
𝘸𝘦𝘭𝘤𝘰𝘮𝘦 𝘵𝘰 𝘰𝘮𝘦𝘨𝘢... 𝘮𝘺 𝘯𝘢𝘮𝘦 𝘪𝘴 𝘨𝘢𝘪𝘢 𝘪 𝘢𝘮 𝘵𝘩𝘦 𝘢𝘳𝘵𝘪𝘧𝘪𝘤𝘪𝘢𝘭 𝘪𝘯𝘵𝘦𝘭𝘭𝘪𝘨𝘦𝘯𝘤𝘦 𝘪𝘯𝘤𝘩𝘢𝘳𝘨𝘦 𝘰𝘧 𝘵𝘩𝘪𝘴 𝘸𝘰𝘳𝘭𝘥
|
Thank you in advance for any help or guidance