Hiding endnotes after the last page of an epub2

[HHJT]

Originally Posted by Turtle91

I would think that is something peculiar to that epub...something in the css maybe?? Do you have an example of the html/css you could post here?

Yep, found it. I overlooked a line in CSS.

[Notjohn]

Originally Posted by BetterRed

Added : Now I have a smartphone, I use it for reading the endnotes whilst reading the main text on a tablet or PC. The sort of stuff I read often has multiple endnotes for the same passage; also means I can look back when I perceive a contradiction or anomaly, and take sneak peeks at what's coming up.

That's cute! I may try that....

[Hitch]

Originally Posted by Notjohn

That's cute! I may try that....

Actually, that IS clever. I guess, due to the issues I have with cellphone reception in our neck of the woods, it never occurred to me to try it. I like it, though!

Hitch

[HHJT]

Originally Posted by Turtle91

Seems like ADE is fairly limited... lolz

ADE doesn't like line breaks to create blank line either. Or am I doing something wrong?

[Hitch]

Originally Posted by HHJT

ADE doesn't like line breaks to create blank line either. Or am I doing something wrong?

??? If I understand you, you use CSS, to create margin, above or below. You oughtn't to use breaks, or empty paragraphs (hitting enter, that is, to do nothing but create vertical spacing), because, as you've seen, those can be ignored by some/many eReaders.

Just amend the CSS that you're using for that section to create margin, either above/below. If you want to post the HTML and CSS, I'm sure that the Crew here can help.

Hitch

[Turtle91]

^^^ What Hitch said!

ex:

<p>Normal para</p>
<p>Normal para</p>
<p>Normal para</p>
<p class="break">Scene break para</p>
<p>Normal para</p>
<p>Normal para</p>
<p>Normal para</p>

CSS:
p {margin:0, padding:0; font-size:1em; text-indent:1.2em}
p.break {margin-top:2em; text-indent:0}

[HHJT]

Originally Posted by Hitch

??? If I understand you, you use CSS, to create margin, above or below. You oughtn't to use breaks, or empty paragraphs (hitting enter, that is, to do nothing but create vertical spacing), because, as you've seen, those can be ignored by some/many eReaders.Hitch

I start out with Open Office and convert it using Writer2epub and use Sigil for last-minute changes. The empty paragraphs (I only use them when I'm highlighting quotes etc.) worked on my Kobo Glo and iBooks. Apparently ADE fairs differently.

Originally Posted by Hitch

Just amend the CSS that you're using for that section to create margin, either above/below. If you want to post the HTML and CSS, I'm sure that the Crew here can help.Hitch

For now, the only question remaining is what app I can use as a reference tool?

[Hitch]

Originally Posted by HHJT

I start out with Open Office and convert it using Writer2epub and use Sigil for last-minute changes. The empty paragraphs (I only use them when I'm highlighting quotes etc.) worked on my Kobo Glo and iBooks. Apparently ADE fairs differently.

ADE is strict in many ways. it's not the only one, though, that's that way. Also, it's not "best practices" to use empty paragraphs or breaks, to create vertical space, for the very reason you've now experienced--because it's effectively a cheat, and it's a cheat that doesn't' always work.

For now, the only question remaining is what app I can use as a reference tool?

I'm sorry, I don't understand the question. What do you mean, when you say, "a reference took"? Did I miss something you asked earlier? Happy to provide an opinion or information, but I don't understand what you are asking.


Hitch

[HHJT]

Originally Posted by Hitch

I'm sorry, I don't understand the question. What do you mean, when you say, "a reference took"? Did I miss something you asked earlier? Happy to provide an opinion or information, but I don't understand what you are asking. Hitch

I'm sorry, English is not my first language. You didn't miss anything,
When I'm modyfing an epub, I want to see what those changes look like. So I open the epub in apps like iBooks or ADE. So by a reference tool I mean, what software (if there is any) can I use to check up on those changes. Sigil alone clearly doesn't cut it because the empty paragraphs work in Sigil.

Originally Posted by Hitch

ADE is strict in many ways. it's not the only one, though, that's that way. Also, it's not "best practices" to use empty paragraphs or breaks, to create vertical space, for the very reason you've now experienced--because it's effectively a cheat, and it's a cheat that doesn't' always work.Hitch

What do you mean when you're saying ADE is a cheat? Don't many people use ADE as library and transfering epubs to their ereader?

[PeterT]

The cheat is the use of empty paragraphs, not the use of ADE.

Sent from my Nexus 7 using Tapatalk

[Hitch]

Originally Posted by HHJT

I'm sorry, English is not my first language. You didn't miss anything,
When I'm modyfing an epub, I want to see what those changes look like. So I open the epub in apps like iBooks or ADE. So by a reference tool I mean, what software (if there is any) can I use to check up on those changes. Sigil alone clearly doesn't cut it because the empty paragraphs work in Sigil.

Your English is really quite good. Please don't apologize. Of course, you want to know how the book looks, and I understand why you don't want to use Sigil's Preview mode. You can use ADE, that's not a problem. I believe, from your next paragraph, that you misunderstood my meaning. Not to worry.

What do you mean when you're saying ADE is a cheat? Don't many people use ADE as library and transfering epubs to their ereader?

Originally Posted by PeterT

The cheat is the use of empty paragraphs, not the use of ADE.

Sent from my Nexus 7 using Tapatalk

Just what Peter said. What I was referring to is trying to use "enter-enter-enter" or "break" to make vertical space.

You can learn how to do that, using CSS, very, very easily, I promise. It's one of the very first things that I learned ho to do, when I was first putting my toes into the waters of learning how to make "EPUB" like the Big Kids. (I started out making MOBI/PRC files, using the old MobiPocketCreator program, which is like...Kindergarten, if you know that term?, compared to HighSchool, [for ePUB] in the eBook world. When I first started coming to MobileRead, I was so intimidated by all the programmers and stuff. Psssst, don't tell them I said that. :-)



Hitch

[JSWolf]

I don't even like the use of <br/>. I consider that poor coding.

[Hitch]

Originally Posted by JSWolf

I don't even like the use of <br/>. I consider that poor coding.

I'm sure that If I put my noggin to it, I could think of a select few instances in which they are justified--I'm absolutely sure I've used it, and my shop has too. However, 99% of the time, at least, Jon, you are absolutely right, it's sloppy/lazy coding.

Hitch

[dwig]

Originally Posted by Hitch

I'm sure that If I put my noggin to it, I could think of a select few instances in which they are justified--...Hitch

Perhaps when dealing with a "problem" like this:

CSS:
h1 {margin-top: 2em; margin-bottom: 2em; text-align: center;}

Text:
<h1>LOVE AMOUNG<br/>the<br/>CHICKENS</h1>
<h1>by P. G. Wodehouse</h1>

You can't just put in 3 H1 tags for the title. You have to do something more complex like:

CSS:
h1 {margin-top: 2em; margin-bottom: 2em; text-align: center;}
h1.firstline {margin-top: 2em; margin-bottom: 0em; text-align: center;}
h1.middleline {margin-top: 0em; margin-bottom: 0em; text-align: center;}
h1.bottomline {margin-top: 0em; margin-bottom: 2em; text-align: center;}

Text:
Text:
<h1 class="firstline">LOVE AMOUNG</h1>
<h1 class="middleline">the</h1>
<h1 class="bottomline">CHICKENS</h1>
<h1>by P. G. Wodehouse</h1>

[sjfan]

Originally Posted by dwig

Perhaps when dealing with a "problem" like this:

CSS:
h1 {margin-top: 2em; margin-bottom: 2em; text-align: center;}

Text:
<h1>LOVE AMOUNG<br/>the<br/>CHICKENS</h1>
<h1>by P. G. Wodehouse</h1>

You can't just put in 3 H1 tags for the title. You have to do something more complex like:

CSS:
h1 {margin-top: 2em; margin-bottom: 2em; text-align: center;}
h1.firstline {margin-top: 2em; margin-bottom: 0em; text-align: center;}
h1.middleline {margin-top: 0em; margin-bottom: 0em; text-align: center;}
h1.bottomline {margin-top: 0em; margin-bottom: 2em; text-align: center;}

Text:
Text:
<h1 class="firstline">LOVE AMOUNG</h1>
<h1 class="middleline">the</h1>
<h1 class="bottomline">CHICKENS</h1>
<h1>by P. G. Wodehouse</h1>

“Love Among the Chickens” to me sounds like it’s one headline with multi-line formatting, notionally. So I’d keep it in one h1 tag and divide it up inside that:

I’d probably put the byline in a separate p/div with class="byline"; it’s not a sub-heading to my mind and thus wouldn’t use an h1 (or h2) tag. You can put whatever formatting you want on the byline class.

Something like:

.title {
    text-align: center;
    font-size: larger;
}
.byline {
    text-align: center;
    font-size: large;
    font-style: italic;
}
....
<h1 class="title">
<div>Love Among</div>
<div>the</div>
<div>Chickens</div>
</h1>

<div class="byline">by P. G. Wodehouse</div>

EDIT: Obviously you can put first/second/third-line classes on the divs if they need different formatting. Conceptually, though, I want my “h1” tag to contain the text that would correspond to a full table of contents entry at the location (“Love Among the Chickens”) in one h1 tag.

It's possible that the byline div should go inside the h1 tag if I want a TOC entry of “Love Among the Chickens by P. G. Wodehouse”. That’s more likely in something like an anthology of short stories by different authors.