![]() |
#1 |
Member
![]() Posts: 18
Karma: 10
Join Date: Mar 2019
Device: Kindle
|
Kobo right-aligns italicized
I have created an e-Pub that has no issues on other devices. On a Kobo though something very strange happens. In the attache image you can see that it has right aligned the italicized phrase at the end of the paragraph. It has also removed the period that is at the end of the sentence. This doesn’t happen with every italicized word/phrase but it does happen frequently thought the book. I put the XHTML and CSS below. Has anyone else had this experience with their ePubls and does anyone know why this happens?
Any insight is appreciated. XHTML <para>I shook my head back and forth as Rosie sat in her chair like Scheherazade, the famous Persian storyteller of <citetitle>1001 Nights</citetitle>.</para> CSS em, em.citetitle, em.emphasis, em.foreignphrase { font-family: inherit; font-style: italic; font-weight: normal; text-align: inherit; } |
![]() |
![]() |
![]() |
#2 | |
Bibliophagist
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 38,944
Karma: 153006038
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Quote:
Ditto for <citetitle>...</citetitle> <p class="para">....<em class="citetitle">...</em></p> Though using just <em> would work from the part of your CSS you posted. I would lose the font-family: inherit, font-weight: normal and text-align: inherit from the css as well. If you wanted to bold an citetitle, the font-weight would block or not block depending on the order applied. Code:
<p class="para">I shook my head back and forth as Rosie sat in her chair like Scheherazade, the famous Persian storyteller of <em class="citetitle">1001 Nights</em>.</para> p.para { display : block; font-size : 1em; padding : 0 0 0.2em 0; margin : 0 0 0 0; ; em, em.citetitle, em.emphasis, em.foreignphrase { font-style: italic; } Edit: And what device are you reading on? Last edited by DNSB; 05-11-2020 at 11:16 AM. Reason: Query about reading device. |
|
![]() |
![]() |
Advert | |
|
![]() |
#3 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,684
Karma: 134319572
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Code:
body { widows: 1; orphans: 1; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; text-align: justify; } p { margin-top: 0; margin-bottom: 0; text-indent: 1.2em; } em, em.citetitle, em.emphasis, em.foreignphrase { font-style: italic; } Change this...<p class="para">....<em class="citetitle">...</em></p> to... <p>....<em>...</em></p> Much simpler code. |
![]() |
![]() |
![]() |
#4 |
Bibliophagist
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 38,944
Karma: 153006038
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Thanks for the input, Jon.
|
![]() |
![]() |
![]() |
#5 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,684
Karma: 134319572
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Happy to help.
I never could understand why publishers use code such as <p class="para"> for the most use paragraph when <p> worked perfectly as long as the CSS was correct. Then again, I don't get why in some eBooks there can be hundreds of unused CSS classes in an eBook. |
![]() |
![]() |
Advert | |
|
![]() |
#6 | |
Bibliophagist
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 38,944
Karma: 153006038
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Quote:
|
|
![]() |
![]() |
![]() |
#7 | |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,684
Karma: 134319572
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
Is Vellum CSS as bad as InDesign CSS? |
|
![]() |
![]() |
![]() |
#8 |
Bibliophagist
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 38,944
Karma: 153006038
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
In it's own weird way yes. There will be two stylesheets, one with @media wappers trying to cover a mass of different resolutions for Kindle devices and ghod alone knows what else.
|
![]() |
![]() |
![]() |
#9 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,684
Karma: 134319572
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
I don't know the source, but I've seen some code from a self-published eBook on Amazon that was dreadful. I think Amazon should make sure that all code is not that bad before allowing it to be for sale.
|
![]() |
![]() |
![]() |
#10 | |
Bibliophagist
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 38,944
Karma: 153006038
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
Quote:
As for use of Vellum, I find it more in my XYL's ebooks than in the ebooks I read. |
|
![]() |
![]() |
![]() |
Tags |
epub right-align, kobo |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
Rendering issue with Calibre - all fonts italicized | thiago.eec | Calibre | 16 | 12-07-2020 12:25 PM |
New Kobo User becomes burned EX-Kobo user aka KOBO is horrible | tvuongpham | Kobo Reader | 140 | 09-18-2015 08:42 AM |
Common words/phrases too aggressively italicized. | carnivore | Conversion | 2 | 02-11-2011 06:36 PM |
Italicized Fonts not showing up!! | Ephraim | Sigil | 12 | 12-21-2010 01:44 PM |
Help Formatting: Make words in between underscores italicized. | irishtexmex | Calibre | 3 | 12-18-2010 05:03 PM |