![]() |
#1 |
Enthusiast
![]() Posts: 49
Karma: 10
Join Date: Mar 2016
Device: Ipad mini 2
|
Sigil line break
HI there. I have completed an epub which has validated perfectly ok. the process began from converting a Quarkxpress file to epub, editing in Calibre and fine tuning in Sigil. However in the complete book I have a spaced line break after a paragraph (4 instances through the epub). When I see the book without with or without code its perfect in Sigil. however in iBooks the space seems to be there.
I will just show one example. once i know this I can correct the others. Sample ibooks view: last line first page is 'Technique had been' After this there is an unwanted gap and it continues to 'Bullseye let it roll' As you can see it looks fine in Sigil and the same code used throughout doesn't cause any issue whatsoever. Help please. David |
![]() |
![]() |
![]() |
#2 |
Sigil Developer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 8,748
Karma: 5706256
Join Date: Nov 2009
Device: many
|
You appear to be using div tags not p tags. So my guess is ibooks has internal css to to try to prevent orphans and to split "pages" at div tags if possible.
What happens if you change just those two paragraphs to use the more typical p tag instead of div tags? |
![]() |
![]() |
Advert | |
|
![]() |
#3 |
Bibliophagist
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 46,003
Karma: 168961900
Join Date: Jul 2010
Location: Vancouver
Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos
|
I'd also recommend moving those inline styles to a stylesheet. And perhaps losing the font-family bits along the way.
|
![]() |
![]() |
![]() |
#4 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,346
Karma: 20171571
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
|
I concur 100% !
There is no real reason to use <div> tags when defining a normal paragraph - just use a paragraph tag: Code:
Change: <div id="box3_539" class="para-normal-local4"><span class="char-normal-local2">yadda yadda yadda.</span></div> <div id="box3_540" class="para-normal-local4"><span style="font-family: 'Times New Roman', TimesNewRomanPSMT, Times, serif; font-size: 0.77419em; line-height:1.2;">yadda yadda yadda.</span></div> To: CSS: p {font-family: serif} HTML: <p id="box3_539">yadda yadda yadda</p> <p id="box3_540">yadda yadda yadda</p> Having all those inline styling, and classes saying "this is a normal paragraph" (instead of just using a normal paragraph tag) really bloats up your code and makes it much more complex than it needs to be. It is much easier to have your styling in a centralized location (like a style sheet) where you can make changes to a single location and have it apply to your entire book...instead of having to update every paragraph every time. There are definitely good arguments saying you shouldn't define the font, font-size, line-height, paragraph indents, etc. and you should leave that up to the users/readers to select in their own app/device...but that is your choice. A couple good regex search and replace can fix your entire book very quickly. |
![]() |
![]() |
![]() |
#5 | |
Bookmaker & Cat Slave
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 11,503
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
Quote:
I wish I knew what online "guru" started this "div instead of paragraphs" stuff, I really do. Hitch |
|
![]() |
![]() |
Advert | |
|
![]() |
#6 |
Hedge Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 802
Karma: 19999999
Join Date: May 2011
Location: UK/Philippines
Device: Kobo Touch, Nook Simple
|
|
![]() |
![]() |
![]() |
#7 |
Bookmaker & Cat Slave
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 11,503
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
|
![]() |
![]() |
![]() |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
Sigil Nav.xhtml Line Break Issue | Dave_M | Sigil | 11 | 10-26-2017 07:45 PM |
S&R line break | Cubis | Conversion | 2 | 03-11-2014 08:02 PM |
Inexplicable line break | Gretsch | Conversion | 0 | 01-24-2014 02:49 AM |
Line break within Headers? | Lori Reeser | Sigil | 7 | 02-15-2013 07:27 PM |
how to insert break-line | schuster | Recipes | 1 | 05-24-2011 03:19 PM |