Problems with an ePub displaying properly in Reasily and ReadEra

[Turtle91]

If you choose to use a style tag in the document header it needs to have a type defined. In this instance you would use:

<style type="text/css">
...
</style>

I would also agree with all the others that it is MUCH better, easier, faster to have the styles in your css page and simply link that css to each of your html pages. One CSS page for your entire book is easier to maintain than xxx chapter pages + front matter + back matter, etc.

[JSWolf]

Originally Posted by Turtle91

If you choose to use a style tag in the document header it needs to have a type defined. In this instance you would use:

<style type="text/css">
...
</style>

I would also agree with all the others that it is MUCH better, easier, faster to have the styles in your css page and simply link that css to each of your html pages. One CSS page for your entire book is easier to maintain than xxx chapter pages + front matter + back matter, etc.

I cannot stand multiple CSS files. I will combine them if I have to. But in most cases, the extra CSS is usually in files I end up deleting.

[DNSB]

Originally Posted by JSWolf

I've fixed the Camp Roster page.

Hmmm... deleted the <div class="container"> and changed <ol class="mnc"> to <ol>. Pretty much mean nothing changes in terms of the page display.

The question is if Reasily and ReadEra are now displaying the book as intended.

[JSWolf]

Originally Posted by DNSB

Hmmm... deleted the <div class="container"> and changed <ol class="mnc"> to <ol>. Pretty much mean nothing changes in terms of the page display.

The question is if Reasily and ReadEra are now displaying the book as intended.

I tested it with ADE 2.0.1 and it now works where the chapter title and list are on the same page. Somehow it ended up taking the list as a single block and moving it to the next page when it didn't fit with the header.

[DNSB]

Originally Posted by JSWolf

I tested it with ADE 2.0.1 and it now works where the chapter title and list are on the same page. Somehow it ended up taking the list as a single block and moving it to the next page when it didn't fit with the header.

The OP did not mention ADE in any version. What was mentioned was Reasily and ReadEra.

Oddly, ADE 4.5.11 was happy with the <div> in place.

[JSWolf]

Originally Posted by DNSB

The OP did not mention ADE in any version. What was mentioned was Reasily and ReadEra.

Oddly, ADE 4.5.11 was happy with the <div> in place.

ADE 2.0.1 is all I have one my laptop to test this ePub other then the calibre viewer.

Though I am curious if that chapter now works in Reasily and ReadEra. I also wonder how well they respect the CSS.

[DNSB]

Originally Posted by JSWolf

Though I am curious if that chapter now works in Reasily and ReadEra. I also wonder how well they respect the CSS.

The respect for CSS is almost always the big question for most Android ePub apps.

And the thread drift sets in...

[WV-Mike]

Originally Posted by JSWolf

I've fixed the Camp Roster page.

Yes!
Believe it or not I was up at 2am last night thinking about this and decided this morning to to remove the CSS from the list and see if that fixed the problem.
You beat me to it.

I am going to have to set this aside for a few days, but - "I'll be back".

Thanks,
WV-Mike

[WV-Mike]

Originally Posted by DNSB

That's why I mentioned the missing '}'. In the original version, the stylesheet ended without the closing }. Adding the } on a new line after src: url(../Fonts/Fontin-SmallCaps.otf); fixed the issue for me.

@font-face {
    font-family: 'SmallCaps';
    font-weight: bold;
    font-style: normal;
    font-variant: small-caps;
    src: url(../Fonts/Fontin-SmallCaps.otf);

Thanks! I am catching up with all the help. I am overwhelmed by the response.
WV-Mike

I would suggest switching to either Sigil with Doitsu's epubcheck plugin or calibre's e-book editor again with the epubcheck plugin. This allows you to click on the error line number to go to the error. If your Pagina epub checker is not detecting that stylesheet error though epubcheck in both Sigil and calibre's e-book editor are not happy with it, you may to update pagina epub checker. From their webpage, you need 2.1.0 to use epubcheck 5.1.0.

I've attached an image of checking your original epub with pagina 2.1.0. The CSS-008 error at the end of the error list is that missing } which likely makes the font identification impossible.

[nabsltd]

Originally Posted by Quoth

That's an inline style. Bad idea, not seen that in years so I'd have to look up the syntax.

We're all familiar with stylesheet links that do this:

<link href="../Styles/stylesheet.css" type="text/css" rel="stylesheet"/>

So, you would do the same thing with inline styles:

<style type="text/css">

Today, though, the type attribute is deprecated, because "text/css" is the only option. This tells me that Pagina is a very old program if it requires the type attribute.

[WV-Mike]

Originally Posted by nabsltd

Today, though, the type attribute is deprecated, because "text/css" is the only option. This tells me that Pagina is a very old program if it requires the type attribute.

I just downloaded a Pagina update (pagina-EPUB-Checker_Win-2.0.10) two days ago.

WV-Mike

[Turtle91]

Whether or not it's deprecated that's what that error code is looking for.

A solution to get the error to go away is to add the type="text/css" that it's looking for.

The BEST solution is to not have a <style> in the header in the first place and put your styling into a css file, then just link the file.

[WV-Mike]

Originally Posted by JSWolf View Post
I've fixed the Camp Roster page.

Originally Posted by WV-Mike

Yes!
Believe it or not I was up at 2am last night thinking about this and decided this morning to to remove the CSS from the list and see if that fixed the problem.
You beat me to it.
I am going to have to set this aside for a few days, but - "I'll be back".
Thanks, WV-Mike

I am back.
The problem with the blank cover page when viewing with ReadEra is fixed.
I deleted the old cover and added a new one and all is well.
At this point I am going to call this "Done".
I want to thank everyone for their help and suggestions.
WV-Mike

[DNSB]

Originally Posted by WV-Mike

I am back.
The problem with the blank cover page when viewing with ReadEra is fixed.
I deleted the old cover and added a new one and all is well.
At this point I am going to call this "Done".
I want to thank everyone for their help and suggestions.
WV-Mike

Great to hear that you're a happy camper. Your next projects will be a lot easier as you get comfortable with the tools.

And, personally, it's nice to have worked with someone who stuck with the project and let us know that it was completed.