![]() |
#16 | ||
Junior Member
![]() Posts: 7
Karma: 10
Join Date: Nov 2023
Location: Europe
Device: none
|
Hello all,
Thank you for your replies, sorry for the delay! I'm still working on this. (And I have the flu. ;_; ) @Mods Please don't close the thread just yet ![]() To get back to my initial issue, the preview on Kobo: I've created a Kobo account, and the issue with the preview (the title page elements splitting up around images) is the same as when I uploaded the file on Kobo through Draft2Digital (as could be expected). So I'm using Kobo, which seems to be the most "unforgiving" platform as far as CSS is concerned, as a testing ground to fix the issues with the file. So far not so good: I find the Kobo previewer's reactions to the CSS absolutely baffling. For example, it makes a line with font-size: 0.625em; LARGER... and a line with font-size: 2em; SMALLER. I've contacted their support about this... When the issue is solved, anyhow, I'll post my takeaways here. @Quoth Quote:
![]() I'd need to overhaul the entire CSS in Word then... But I have <underlines> for some paragraphs, for example. Shouldn't these be embedded in Styles? I thought that everything had to go in a Style. @Turtle91 That's gold! Thank you for posting this visual demo! I'd definitely buy your course or your templates ![]() Just a question: for the line "This is the first paragraph in the chapter with a drop-cap or other special styling", how did you... hmm... well how did you form <p class="first"> to get this result? @JSWolf Quote:
![]() @Jellby Thank you for the input! I'm a bit overwhelmed at this stage. (Time constraints...) Despite the CSS issues, the book displays well on KDP, Google Play and Apple Books, and I may not have time to perform an overhaul before the end of the year. Kobo's the problem... Best, AS7 |
||
![]() |
![]() |
![]() |
#17 | |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,160
Karma: 18843349
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
Quote:
I intentionally didn't include my formatting because I didn't want to distract from the point I was making. You'll find that there are many different opinions here on what is "the one true way" of styling your work. Some people have good points, some are just straight up opinion, or their reasons only apply to old devices that I don't particularly care about. My reading app of choice is very good about supporting the css standards, so I don't have a problem using css the way it was intended. Some devices/apps may not support css as well, so you would have to provide fallback styling and/or media queries to make sure it works on your target device(s). I got that styling to work by using css pseudo-elements ::first-line and ::first-letter with the following: Code:
CSS: p.first {text-indent:0; font-size:1em; clear:both} p.first::first-letter {font-family:serif; font-size:2em; font-weight:bold; float:left; margin:-.1em .1em} p.first::first-line {font-variant:small-caps; font-size:1.15em} HTML: <p class="first">This is the first paragraph in the chapter.</p> Cheers! Edit: One thing I don't like about use of "first-letter" is that it includes any punctuation with the first letter styling. Sometimes that can be distracting. eg “This is the first... I've gotten used to it, but I wish the powers that be would fix that. Last edited by Turtle91; 12-05-2023 at 02:56 PM. |
|
![]() |
![]() |
Advert | |
|
![]() |
#18 | ||
Junior Member
![]() Posts: 7
Karma: 10
Join Date: Nov 2023
Location: Europe
Device: none
|
Hello Turtle91!
Quote:
![]() Quote:
|
||
![]() |
![]() |
![]() |
#19 | |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,663
Karma: 134319570
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Quote:
|
|
![]() |
![]() |
![]() |
#20 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,663
Karma: 134319570
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
Do not use any psuedo elements. There is a lot of software out there that these will not work with. Keep it simple and psuedo elements are not simple.
|
![]() |
![]() |
Advert | |
|
![]() |
#21 |
Resident Curmudgeon
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 75,663
Karma: 134319570
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
@Turtle91, you should know better then to recommend code that doesn't work in a lot of cases such as psuedo elements. Yes it's valid ePub 3 code, but for a lot of software, it won't work. Keep the code as ePub 2 compatible as possible even if the eBook is ePub 3. Unless you need ePub 3 specific feature(s).
|
![]() |
![]() |
![]() |
#22 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,160
Karma: 18843349
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
@arbiterofcorrectcode,
Or you can just read what I said... |
![]() |
![]() |
![]() |
#23 |
the rook, bossing Never.
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 12,235
Karma: 89531599
Join Date: Jun 2017
Location: Ireland
Device: All 4 Kinds: epub eink, Kindle, android eink, NxtPaper11
|
The psuedo elements are best for web page CSS, or your own home use. not real ebooks via retail distribution. As remarked they look strange with punctuation, but any form of “different from default body style” styling of text other than maybe oblique/italic looks strange with punctuation, no matter how it's styled. There is also a theory that punctuation should not be italic and only bold in a bold heading/title.
|
![]() |
![]() |
![]() |
#24 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,160
Karma: 18843349
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
FYI:
pseudo-elements, and pseudo-classes, have been around a lot longer than ePub3. as a matter of fact that is one of the differences that may confuse some people...when to use a single colon vs a double colon (:first-line or ::first-line). The double colon was introduced in CSS3 as an attempt to differentiate between a pseudo-element and a pseudo-class. Before that (CSS1 and CSS2) a single colon was used for both. It is actually recommended to use a single colon for everything IF you are worried about backwards compatibility. Whether a device, or software, supports pseudo elements is completely on them. Your older devices, and older ADE, don't support much of anything...but.... as I wrote... "I don't care". Does the current version of ADE (finally) fully support CSS1 (not to mention CSS2 or CSS3)?? Please make sure you read someone's post before you start arguing against it... it tends to make for bad optics. |
![]() |
![]() |
![]() |
#25 | |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,160
Karma: 18843349
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
Quote:
![]() As far as looking strange...yes, they can, as I mentioned. I wish they would fix that. As I also said, you can get used to it. What I didn't mention was that, before I got used to it, I tended to be liberal with enforcing grammar rules ![]() The vast majority of readers (and, unfortunately, a good chunk of authors) don't know (or don't care) about grammar rules and they wouldn't ever notice the missing punctuation. I even tested it against my latin-teacher wife and she never noticed it... although, to be fair, Latin didn't really care so much about punctuation to begin with... Edit: In addition, if your device, or software, does not support the pseudo-elements, they are required to fail gracefully. ie they don't crash, they will just ignore the unknown tag. In this case it would revert to a normal looking paragraph with no indent and not wrapped around any floaters. If the device does puke on it...then it is not standards-compliant. Last edited by Turtle91; 12-06-2023 at 11:45 AM. |
|
![]() |
![]() |
![]() |
#26 | |
the rook, bossing Never.
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 12,235
Karma: 89531599
Join Date: Jun 2017
Location: Ireland
Device: All 4 Kinds: epub eink, Kindle, android eink, NxtPaper11
|
The Romans would read a scroll the day before because they had much less punctuation than the Greeks, possibly often none at all!
Quote:
If one person is speaking and a new paragraph is needed, then the rule is that there is no closing quote, yet the start of the next paragraph has an opening quote. I'd not do an initial drop cap or an initial large cap (works better on ereaders), but if I did, I'd add a rule to our style guide: In the case of a first paragraph with an initial drop cap or an initial large cap there should be no opening punctuation mark. Various languages might have « ¡ ¿ etc. Only use an initial drop cap or an initial large cap at the start of a chapter, section or other major break where perhaps chapter titles are not used. I don't know why you'd ask a Latin teacher anything about grammar or punctuation. Also its connection to current English is overstated. |
|
![]() |
![]() |
![]() |
#27 | |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,160
Karma: 18843349
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
Quote:
Because she is so much smarter than me... and I rarely can get anything past her... I take it as a win that she didn't notice the missing leading punctuation. ANYTHING relating to rules has no place in the English language!! ![]() I'd take Korean over English any day for having logical, consistent, rules! Alas, I was born here and raised by an English major... |
|
![]() |
![]() |
![]() |
#28 |
Junior Member
![]() Posts: 1
Karma: 10
Join Date: Dec 2023
Device: Kindle
|
Try exporting your ebook to EPUB3 instead of EPUB2. EPUB3 has better support for custom fonts and advanced layout options. Also be sure your CSS is valid and all HTML tags are properly closed. Using the EPUB3 output profile in Calibre with the latest editor version may help resolve some of these rendering inconsistencies across retailers. Best of luck with the publishing process!
|
![]() |
![]() |
![]() |
#29 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,160
Karma: 18843349
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
Welcome to MR, meinno!
|
![]() |
![]() |
![]() |
#30 |
the rook, bossing Never.
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 12,235
Karma: 89531599
Join Date: Jun 2017
Location: Ireland
Device: All 4 Kinds: epub eink, Kindle, android eink, NxtPaper11
|
|
![]() |
![]() |
![]() |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
DRM and retailers | sony_fox | General Discussions | 6 | 05-31-2013 02:40 AM |
Confirmed. Xoom to appear at all retailers for $599 | RockdaMan | Android Devices | 17 | 03-21-2011 10:29 AM |
Consumer-friendly ebook retailers | DawnFalcon | News | 30 | 02-13-2010 11:54 AM |
Opus New retailers for the Opus | AnemicOak | Bookeen | 4 | 10-06-2009 04:43 AM |
List of Ebook Retailers? | Satans Puppet | Sony Reader | 9 | 04-10-2009 04:23 AM |