05-02-2013, 02:58 PM | #1 |
Zealot
Posts: 147
Karma: 87723
Join Date: Jan 2011
Location: Kuiper Belt
Device: Kindle 3 (dead); Nook ST (dead); Sony PRS-T1; Onyx i86+
|
Display of ePub in different software
Hello,
I have taught myself html and css so as to know how to have my ePubs display the way I like them. I have made the formatting as simple as possible. All paragraphs are in simple <p> tags (see attached images). The ePub looks well in sigil just the way I like it however they styles are not displayed properly or not at all. I have two ePub viewers coolreader and adobe digital editions. I really don't know what I'm doing wrong. Look at the images attached and see all what I have done. Thanks. |
05-02-2013, 05:53 PM | #2 |
Guru
Posts: 776
Karma: 2751519
Join Date: Jul 2010
Location: UK
Device: PW2, Nexus7
|
It looks as though the ePub viewers mentioned do not support the pseudo-class that you are using, (:first-letter). I don't know how much support there is generally in ePub readers for these types of pseudo-classes.
You could avoid this by using normal classes and some <span> tags although it will require more work for you to achieve the formatting that you want. Last edited by Agama; 05-02-2013 at 06:15 PM. |
Advert | |
|
05-03-2013, 01:38 AM | #3 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Those pseudo classes are indeed not supported. You need to do those caps the hard way with some spans. There are examples floating around here, but this one is actually not that difficult. Dropcaps however...
|
05-03-2013, 02:44 AM | #4 |
Zealot
Posts: 147
Karma: 87723
Join Date: Jan 2011
Location: Kuiper Belt
Device: Kindle 3 (dead); Nook ST (dead); Sony PRS-T1; Onyx i86+
|
Yeah, but what about the indented paragraphs, first paragraph not indented ?? And how should I know what's not supported ?
|
05-03-2013, 02:56 AM | #5 |
Guru
Posts: 776
Karma: 2751519
Join Date: Jul 2010
Location: UK
Device: PW2, Nexus7
|
The paragraph indents should work - can you post a small ePub which shows this problem and I'll test it with my PRS-300, (ADE based)? I have never had problems with margins/indents with ADE. It's only the pseduo-classes, ( those starting with a colon), that are not well supported.
|
Advert | |
|
05-03-2013, 03:07 AM | #6 |
Imperfect Perfectionist
Posts: 464
Karma: 724664
Join Date: Dec 2011
Location: Ølstykke, Denmark
Device: none
|
Shouldn't - times new roman - in the body style be quoted? This error is not found by the W3C css checker, but will probably break ADE.
Se note at http://www.w3schools.com/cssref/pr_font_font-family.asp Regards, Kim |
05-03-2013, 04:21 AM | #7 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Ensure that the stylesheet is validated. A missing semi-colon in your stylesheet will cause ADE to completely ignore it.
|
05-03-2013, 12:17 PM | #8 |
Zealot
Posts: 147
Karma: 87723
Join Date: Jan 2011
Location: Kuiper Belt
Device: Kindle 3 (dead); Nook ST (dead); Sony PRS-T1; Onyx i86+
|
Here is it. Please verify it for me. I'm not using anything fancy apart from the psedu-classes.
Is it possible that the coolreader does not support css completely ? |
05-03-2013, 01:46 PM | #9 |
A curiosus lector!
Posts: 463
Karma: 2015140
Join Date: Jun 2012
Device: Sony PRS-T1, Kobo Touch
|
Did you try to validate it with Flight Crew?
Normally, what do you do to center a paragraph or title? I mean, what class of paragraph are you using to do that? With these questions in mind, I'm sure you'll find the problem . |
05-03-2013, 01:49 PM | #10 | |
A Hairy Wizard
Posts: 3,095
Karma: 18727053
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
Quote:
Are you making this for the public (commercial) or for your own private use?? If its for private use, then I would keep using the pseudo elements and just use a reader that supports it. If you are using an iPad I would recommend the Marvin app. If it's for public use then you will definitely want to use the span technique mentioned above. Cheers, |
|
05-03-2013, 03:16 PM | #11 | |
Imperfect Perfectionist
Posts: 464
Karma: 724664
Join Date: Dec 2011
Location: Ølstykke, Denmark
Device: none
|
Quote:
There are a couple of obvious errors in the CSS, namely the missing quotes around "Times New Roman" and line 13 ends in a : instead of a ; - which wil make ADE skip the whole section. When these are corrected, the rest should work, at least in ADE. Besides that, Sigil's rendering is not a true picture of how the book will look, as it is based on a 3rdpart rendering module - you'll ALWAYS have to try the epub in various readers - ADE first and foremost, as this is the engine used in most readers. Regards, Kim Last edited by elibrarian; 05-03-2013 at 03:37 PM. |
|
05-03-2013, 03:30 PM | #12 | ||
A Hairy Wizard
Posts: 3,095
Karma: 18727053
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
Quote:
The ePub spec requires support of a subset of CSS. Among those elements that are required are the pseudo elements: :first-letter and :first-line ADE does not fully support the ePub spec because it does not support those pseudo elements - and any reader/app based on ADE does not support them. Other, newer, readers/apps - which are not based on ADE - will probably support them. Also, any reader/app that supports ePub3 will probably definitely maybe support them! Quote:
- If private, then you can definitely use the pseudo elements - just use a reader/app that supports them. I do it all the time and it works fine, but I read using the Marvin app on iPad and ePubReader Firefox plugin for PC. - If it's for commercial use then +1 to using the spans. |
||
05-03-2013, 06:17 PM | #13 |
Zealot
Posts: 147
Karma: 87723
Join Date: Jan 2011
Location: Kuiper Belt
Device: Kindle 3 (dead); Nook ST (dead); Sony PRS-T1; Onyx i86+
|
No they are for private purposes or sharing among friends !! Seems that microsoft word is after all not that dirty !!
|
05-03-2013, 06:35 PM | #14 |
A Hairy Wizard
Posts: 3,095
Karma: 18727053
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
|
05-04-2013, 02:29 AM | #15 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
The standard HTML export is not clean and contains a lot of redudant and ugly code.
|
Tags |
display, epub, sigil, software |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
How to get ePub covers to display? | Antioch | ePub | 4 | 06-25-2011 03:00 AM |
ePub display issue in iBooks | Protagitron | ePub | 3 | 02-08-2011 01:38 PM |
Saved Epub won't display in Epub Reader | Coleccionista | Calibre | 3 | 08-22-2010 11:10 AM |
Another ePub does not display correctly. | KjellM | EPUBReader | 7 | 07-16-2010 03:31 AM |
EPub Page Display | JoeD | HanLin eBook | 3 | 07-22-2008 10:11 PM |