EPUB 3.3 BECOMES A W3C RECOMMENDATION

[Hitch]

Originally Posted by ZodWallop

I'm not familiar with Immersedition, but I do remember Level 26: The World’s First Digi-Novel™ (where each chapter included a link to a non-essential video clip). I also remember the Harry Potter Enhanced Editions and a couple of other enhanced editions. None of them caught on.

Hard to believe you missed that beauty!

http://amandahavard.com/immersedition

https://www.prnewswire.com/news-rele...135176783.html

https://en.wikipedia.org/wiki/Amanda_Havard

https://twilightseriestheories.com/2...amanda-havard/

All of her videos are now listed as "private," more's the pity.

Hitch

[Renate]

I can't remember the name, but did you ever read one of those teach yourself books? They'd have a section explaining something, then a multiple choice question directing you to three or four different pages. You zig-zagged through the book.

[graycyn]

Originally Posted by JSWolf

Whatever program you used to read the eBook is broken. It doesn't respect the code to not display something.

Can't remember, but probably read on my Kobo as epub from my library.

I do remember that all that "chat" stuff appeared twice. Once I realized, I'd just page past until I got to the text iteration, but it surely was a mess! I never investigated the interior of the book, so I have no idea what the code was like.

[graycyn]

Originally Posted by JSWolf

That is incorrect. ADE 2.0.1 will not work with <figure> no matter what you do with it in CSS. It needs to be a <div>

All of those "commands" won't work. That's the problem. ePub 3 could be more backwards compatible with ePub 2 without removing any of the functionality.

So no, they won't work with legacy reading system that are not based on an up-to-date enough webkit.

Are you trying to use them in an epub2 or something? That might not work, I don't know, haven't tried any such thing.

<figure> (and the other HTML5 block elements) work just fine in epub3 on my ADE 2.0.1.78765 install! On my PC, on my Kobo, and on my Sony PRS-T2 for that matter. Oh, also in the Nook android app.

I'm digitizing (slowly) some of my rare books to epub so that I can re-read them as my eyes age, and many are illustrated, so I use <figure> and <figcaption> quite frequently.

[JSWolf]

Originally Posted by graycyn

Are you trying to use them in an epub2 or something? That might not work, I don't know, haven't tried any such thing.

<figure> (and the other HTML5 block elements) work just fine in epub3 on my ADE 2.0.1.78765 install! On my PC, on my Kobo, and on my Sony PRS-T2 for that matter. Oh, also in the Nook android app.

I'm digitizing (slowly) some of my rare books to epub so that I can re-read them as my eyes age, and many are illustrated, so I use <figure> and <figcaption> quite frequently.

ADE 2.0.1 does not do ePub 3. So <figure> is not going to work better with an ePub 3 then an ePub 2. ADE 2.0.1 doesn't do <figure>. But if you replace <figure> with <div> both in CSS and HTML, it works.

[graycyn]

Originally Posted by JSWolf

ADE 2.0.1 does not do ePub 3. So <figure> is not going to work better with an ePub 3 then an ePub 2. ADE 2.0.1 doesn't do <figure>. But if you replace <figure> with <div> both in CSS and HTML, it works.

ADE 2.0.1 will read backward compatible epub3 with NO PROBLEM! I use it for library books, many of which are epub3. No, it's not going to handle fancy epub3 stuff, but basic backward compatible epub3, not a problem AT ALL!

I also use ADE 2.01 for downloading books from Kobo (and stripping the DRM), so yeah, I've looked at some of my purchases and do know they are, in fact, epub 3. It is the ONLY ADE install on my machine, so there's not even a possibility that I'm accidentally using a more advanced ADE.

Guess what? Many publishers are making epub3 now. Yet, they stand to lose big time if their epub3s aren't backward compatible and can't be read on older devices, of which there are many still in use. They use HTML5 tags like <figure> and <figcaption> and <section>, etc... with no issue. If the CSS specifies display:block; for <figure>, ADE displays it as a block element. What more you want, I couldn't say.

Why you are having trouble getting it to work, I don't know.

[JSWolf]

Originally Posted by graycyn

Guess what? Many publishers are making epub3 now. Yet, they stand to lose big time if their epub3s aren't backward compatible and can't be read on older devices, of which there are many still in use. They use HTML5 tags like <figure> and <figcaption> and <section>, etc... with no issue. If the CSS specifies display:block; for <figure>, ADE displays it as a block element. What more you want, I couldn't say.

Why you are having trouble getting it to work, I don't know.

I've tested <figure> with a class (with and without display: block and it did not work.

Can you show me a <figure> that works with ADE 2.0.1? It has to have a class and do something that would only display correctly if it's working.

[graycyn]

Originally Posted by JSWolf

I've tested <figure> with a class (with and without display: block and it did not work.

Can you show me a <figure> that works with ADE 2.0.1? It has to have a class and do something that would only display correctly if it's working.

Are you doing your test with a valid epub3?

I was under the impression that you neither believe much in epub3 nor make them. If you are trying to test an HTML5 element in an epub2, I'm not sure it would work! So don't do that!

Grab any purchase or freebie you have that is epub3 (I know you know how to strip DRM.), make a copy. Open it in Sigil or Calibre editor. Add a <figure> somewhere, between paragraphs, appropriately styled, and an image, or some text within and maybe some margins. Do the same with a <div> and style identically. Probably best to put your added CSS tail end of whatever the publisher has done.

They should look identical when opened in ADE 2.0.1.

<figure class="your class">
<p>Some text here</p>
<img src="add source here"/>
<figcaption>More text here</figcaption>
</figure>

<div class="your class">
<p>Some text here</p>
<img src="add source here"/>
<p class="caption">More text here</p>
</div>

CSS:

figure, figcaption {display: block;}

You should be able to see both the <figure> and the <div> display as a block elements.

Otherwise, I don't think I have anything that is public domain handy right now, I could make something, but I don't have a lot of spare time today. My time on the computer is limited, my spine can't take tons of sitting, my eyes can't take tons of computer display.

I know you understand CSS, so you ought to be able to figure this one out.

[Karellen]

Originally Posted by JSWolf

I've tested <figure> with a class (with and without display: block and it did not work.

I have tried using <figure class="centre"> with no success. (obviously I am trying to horizontally centre the image on the page). But when I change to <div class="centre"> there is no problem.

This on Libra2 using epub3

[Renate]

That <figcaption> seems to be of limited utility.

[JSWolf]

Originally Posted by Karellen

I have tried using <figure class="centre"> with no success. (obviously I am trying to horizontally centre the image on the page). But when I change to <div class="centre"> there is no problem.

This on Libra2 using epub3

Same result as I get on ADE 2.0.1. The version of RMSDK used on Kobo is too old. The only Reader that's running an up-to-date RMSDK is Pocketbook.

[JSWolf]

Originally Posted by graycyn

Are you doing your test with a valid epub3?

I was under the impression that you neither believe much in epub3 nor make them. If you are trying to test an HTML5 element in an epub2, I'm not sure it would work! So don't do that!

Grab any purchase or freebie you have that is epub3 (I know you know how to strip DRM.), make a copy. Open it in Sigil or Calibre editor. Add a <figure> somewhere, between paragraphs, appropriately styled, and an image, or some text within and maybe some margins. Do the same with a <div> and style identically. Probably best to put your added CSS tail end of whatever the publisher has done.

They should look identical when opened in ADE 2.0.1.

<figure class="your class">
<p>Some text here</p>
<img src="add source here"/>
<figcaption>More text here</figcaption>
</figure>

<div class="your class">
<p>Some text here</p>
<img src="add source here"/>
<p class="caption">More text here</p>
</div>

CSS:

figure, figcaption {display: block;}

You should be able to see both the <figure> and the <div> display as a block elements.

Otherwise, I don't think I have anything that is public domain handy right now, I could make something, but I don't have a lot of spare time today. My time on the computer is limited, my spine can't take tons of sitting, my eyes can't take tons of computer display.

I know you understand CSS, so you ought to be able to figure this one out.

This code doesn't do anything. It's the same as a blank <div>.

Try this and tell me if it works for you.

CSS

body {
  widows: 1;
  orphans: 1;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: justify;
}
img {
  max-height: 100%;
  max-width: 100%;
}
figure.cover {
  text-align: center;
  text-indent: 0;
  height: 100%;
}

HTML

<figure class="cover">
<img alt="" class="cover" src="cover image here"/>
</figure>

[Hitch]

Originally Posted by JSWolf

This code doesn't do anything. It's the same as a blank <div>.

Try this and tell me if it works for you.

CSS

body {
  widows: 1;
  orphans: 1;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: justify;
}
img {
  max-height: 100%;
  max-width: 100%;
}
figure.cover {
  text-align: center;
  text-indent: 0;
  height: 100%;
}

HTML

<figure class="cover">
<img alt="" class="cover" src="cover image here"/>
</figure>

Jon:

With all due respect, sure, we use ADE 2.01 to check the odd thing here and there, but AFAIK, nobody is still using that to read. I mean...come on. Even those of us in the Curmudgeon Class have to move on at SOME point.

Hitch

[Quoth]

Originally Posted by Hitch

JEven those of us in the Curmudgeon Class have to move on at SOME point.

Yes, I gave up WFWG 3.11 when I got Windows XP, though I'd been also using NT3.51 (till 1996) and NT 4.0 (till April 2002).

[graycyn]

Originally Posted by JSWolf

ADE 2.0.1 does not do ePub 3. So <figure> is not going to work better with an ePub 3 then an ePub 2. ADE 2.0.1 doesn't do <figure>. But if you replace <figure> with <div> both in CSS and HTML, it works.

So you are using <figure> with epub2, not epub3? That's likely your problem.

Well, ADE 2.0.1 does <figure> just fine for epub3 as long as I tell it that <figure>, along with <aside><section><nav><figcaption> etc... are to be displayed as block elements. Major publishing houses that do epub3 do the same darn thing, so that their epub3s work on older devices. One also needs both toc.ncx and nav.xhtml for backward compatible navigation.

Here's an epub3 for you, which has an illustration towards the end of Chapter 1. I put it in there twice, once with <figure><figcaption>, once with <div><p>. Two classes, .illustration and .caption. The captions themselves will tell you which is which, otherwise, there's no visual difference in ADE 2.0.1.

The text and illustrations are public domain material in the USA and also in Mobile Read terms. Leo Edwards died in 1944 and Bert Salg in 1938. The book was first published in 1926. The title is Poppy Ott and the Stuttering Parrot. Two chapters worth.

It's a little rough, as I threw it together fast. But you asked, so here ya go: