Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 05-02-2013, 02:58 PM   #1
medwatt
Enthusiast
medwatt began at the beginning.
 
Posts: 32
Karma: 10
Join Date: Jan 2011
Device: Kindle 3
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.
Attached Thumbnails
Click image for larger version

Name:	sigil.jpg
Views:	80
Size:	380.4 KB
ID:	105263   Click image for larger version

Name:	css.jpg
Views:	77
Size:	228.8 KB
ID:	105264   Click image for larger version

Name:	cool reader.jpg
Views:	71
Size:	135.4 KB
ID:	105265   Click image for larger version

Name:	adobe.jpg
Views:	72
Size:	332.3 KB
ID:	105266  
medwatt is offline   Reply With Quote
Old 05-02-2013, 05:53 PM   #2
Agama
Guru
Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.
 
Agama's Avatar
 
Posts: 637
Karma: 436517
Join Date: Jul 2010
Location: UK
Device: PRS-300, PW2
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.
Agama is offline   Reply With Quote
Old 05-03-2013, 01:38 AM   #3
Toxaris
Wizard
Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.
 
Toxaris's Avatar
 
Posts: 2,860
Karma: 2623257
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-300, PRS-T1
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...
Toxaris is offline   Reply With Quote
Old 05-03-2013, 02:44 AM   #4
medwatt
Enthusiast
medwatt began at the beginning.
 
Posts: 32
Karma: 10
Join Date: Jan 2011
Device: Kindle 3
Quote:
Originally Posted by Toxaris View Post
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...
Yeah, but what about the indented paragraphs, first paragraph not indented ?? And how should I know what's not supported ?
medwatt is offline   Reply With Quote
Old 05-03-2013, 02:56 AM   #5
Agama
Guru
Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.Agama ought to be getting tired of karma fortunes by now.
 
Agama's Avatar
 
Posts: 637
Karma: 436517
Join Date: Jul 2010
Location: UK
Device: PRS-300, PW2
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.
Agama is offline   Reply With Quote
Old 05-03-2013, 03:07 AM   #6
elibrarian
Connoisseur
elibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to behold
 
elibrarian's Avatar
 
Posts: 93
Karma: 19964
Join Date: Dec 2011
Location: Ølstykke, Denmark
Device: Sony PRS-T1, iPad
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
elibrarian is offline   Reply With Quote
Old 05-03-2013, 04:21 AM   #7
Toxaris
Wizard
Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.
 
Toxaris's Avatar
 
Posts: 2,860
Karma: 2623257
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-300, PRS-T1
Ensure that the stylesheet is validated. A missing semi-colon in your stylesheet will cause ADE to completely ignore it.
Toxaris is offline   Reply With Quote
Old 05-03-2013, 12:17 PM   #8
medwatt
Enthusiast
medwatt began at the beginning.
 
Posts: 32
Karma: 10
Join Date: Jan 2011
Device: Kindle 3
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 ?
Attached Files
File Type: epub Alibi.epub (212.4 KB, 20 views)
medwatt is offline   Reply With Quote
Old 05-03-2013, 01:46 PM   #9
Arios
A curiosus lector!
Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.Arios ought to be getting tired of karma fortunes by now.
 
Arios's Avatar
 
Posts: 307
Karma: 763734
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 .
Arios is offline   Reply With Quote
Old 05-03-2013, 01:49 PM   #10
Turtle91
Guru
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 669
Karma: 3807234
Join Date: Dec 2012
Location: Shannon, Ireland today
Device: iPhone 5/iPad 1&2/Surface Pro/Kindle PW
Quote:
Originally Posted by medwatt View Post
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 ?
It is very possible, a lot of readers don't support everything that is required in the spec. Pseudo elements (at least the :first-letter and :first-line) are required and SHOULD be supported. The newer readers/apps are doing much better.

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,
Turtle91 is offline   Reply With Quote
Old 05-03-2013, 03:16 PM   #11
elibrarian
Connoisseur
elibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to beholdelibrarian is a splendid one to behold
 
elibrarian's Avatar
 
Posts: 93
Karma: 19964
Join Date: Dec 2011
Location: Ølstykke, Denmark
Device: Sony PRS-T1, iPad
Quote:
Originally Posted by Turtle91 View Post
It is very possible, a lot of readers don't support everything that is required in the spec. Pseudo elements (at least the :first-letter and :first-line) are required and SHOULD be supported. The newer readers/apps are doing much better.
ADE doesn't support pseudo elements, and in version 1.0 it didn't support "justify" either. Coolreader only supports a subset of the CSS spec. and AFAIK pseudo elements is not among the supported tags. So there is no way you'll get away with making first-letter formatting this way - you'll have to use span's, as others have pointed out.

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.
elibrarian is offline   Reply With Quote
Old 05-03-2013, 03:30 PM   #12
Turtle91
Guru
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 669
Karma: 3807234
Join Date: Dec 2012
Location: Shannon, Ireland today
Device: iPhone 5/iPad 1&2/Surface Pro/Kindle PW
Quote:
Originally Posted by elibrarian View Post
ADE doesn't support pseudo elements, and in version 1.0 it didn't support "justify" either. Coolreader only supports a subset of the CSS spec. and AFAIK pseudo elements is not among the supported tags.
Just to clarify:
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:
Originally Posted by elibrarian View Post
So there is no way you'll get away with making first-letter formatting this way - you'll have to use span's, as others have pointed out.
Again, ask yourself if this is for commercial or private use.
- 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.
Turtle91 is offline   Reply With Quote
Old 05-03-2013, 06:17 PM   #13
medwatt
Enthusiast
medwatt began at the beginning.
 
Posts: 32
Karma: 10
Join Date: Jan 2011
Device: Kindle 3
No they are for private purposes or sharing among friends !! Seems that microsoft word is after all not that dirty !!
medwatt is offline   Reply With Quote
Old 05-03-2013, 06:35 PM   #14
Turtle91
Guru
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 669
Karma: 3807234
Join Date: Dec 2012
Location: Shannon, Ireland today
Device: iPhone 5/iPad 1&2/Surface Pro/Kindle PW
Quote:
Originally Posted by medwatt View Post
Seems that microsoft word is after all not that dirty !!
Lol...it depends on your definition of "clean". I would not call a word generated HTML anything close to being clean.
Turtle91 is offline   Reply With Quote
Old 05-04-2013, 02:29 AM   #15
Toxaris
Wizard
Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.
 
Toxaris's Avatar
 
Posts: 2,860
Karma: 2623257
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-300, PRS-T1
The standard HTML export is not clean and contains a lot of redudant and ugly code.
Toxaris is offline   Reply With Quote
Reply

Tags
display, epub, sigil, software

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

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


All times are GMT -4. The time now is 08:58 PM.


MobileRead.com is a privately owned, operated and funded community.