MobileRead Forums - View Single Post

robertmchicago · 06-25-2025, 02:16 PM

I am making a reflowable EPUB 2 book using Sigil. The book also has about 400 questions and 400 answers, divided into two parts: one part for the questions, and one part for the answers.
Each question has a link that goes to its answer, and each answer has a link that goes back to its question.
I want to make sure that when a reader clicks on a link to an answer, they only see that one answer, not the other answers.
One simple way is to put each answer in a separate HTML file, but KDP does not allow more than 300 HTML files.
I also tried using page breaks, but they don’t work properly on all devices like Kobo.
I know I can't use JavaScript because most eBook platforms don’t support it.
So, I want to ask: Will this idea work?

After each answer, I add this line in HTML:
<p class="endline">===============</p>

And in CSS:
p.endline {
font-weight: bold;
text-align: center;
margin-bottom: 100vh;
}
This puts a long space after each answer to push the next answer far down, so only one answer is seen at a time.
What do you think? Will this be a good way to solve the problem?

06-25-2025, 02:16 PM	#1
robertmchicago Enthusiast Posts: 30 Karma: 10 Join Date: Apr 2025 Device: none	Hiding Other Answers in epub2 I am making a reflowable EPUB 2 book using Sigil. The book also has about 400 questions and 400 answers, divided into two parts: one part for the questions, and one part for the answers. Each question has a link that goes to its answer, and each answer has a link that goes back to its question. I want to make sure that when a reader clicks on a link to an answer, they only see that one answer, not the other answers. One simple way is to put each answer in a separate HTML file, but KDP does not allow more than 300 HTML files. I also tried using page breaks, but they don’t work properly on all devices like Kobo. I know I can't use JavaScript because most eBook platforms don’t support it. So, I want to ask: Will this idea work? After each answer, I add this line in HTML: <p class="endline">===============</p> And in CSS: p.endline { font-weight: bold; text-align: center; margin-bottom: 100vh; } This puts a long space after each answer to push the next answer far down, so only one answer is seen at a time. What do you think? Will this be a good way to solve the problem?