06-13-2017, 05:58 PM | #1 |
Junior Member
Posts: 9
Karma: 10
Join Date: Jun 2017
Device: kindle
|
Adding spaces after images and between paragraphs
Hi all,
Sorry if this has already been asked and answered; I wasn't able to find it! I am trying to add spaces after images and between paragraphs. I have tried to add manually in epub view, but it doesn't translate when opening anywhere other than Sigil. I have also tried adding it in the code view, knowing theoretically that it should be: <p><br/></p> but when I open the .epub anywhere else (reader, ADE) the spaces using that <p><br/></p> do not show up (i.e. the text is still directly below whatever I was trying to add space between). They do show up when I just use <br/>, but then of course it fails validation...and the spaces are removed again then I add the required <p></p>. I can't remember having this problem before! |
06-13-2017, 10:25 PM | #2 |
A Hairy Wizard
Posts: 3,093
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
|
Hi Awcross, welcome to MR!
First off, I wouldn't use fake spaces like that to create spacing between paragraphs and images, I would use margins and CSS stylesheets. Some devices intentionally ignore those empty paragraphs. For example: Code:
CSS: div.image {margin-top:2em; margin-bottom:2em} HTML: <div class="image"><img alt="" src="../Images/test.jpg" /></div> Code:
CSS: p.SceneBreak {margin-top:2em; text-indent:0} HTML: <p>normal paragraph</p> <p>normal paragraph</p> <p>normal paragraph</p> <p class="SceneBreak">First paragraph in new scene</p> <p>normal paragraph</p> <p>normal paragraph</p> |
Advert | |
|
06-14-2017, 04:22 AM | #3 |
Resident Curmudgeon
Posts: 73,897
Karma: 128597114
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
I would not add a full line between paragraphs. It looks awful.
I've seen some ePub use the following... Code:
p { margin-top: .3em } |
06-14-2017, 07:02 AM | #4 | |
eBook Enthusiast
Posts: 85,544
Karma: 93383043
Join Date: Nov 2006
Location: UK
Device: Kindle Oasis 2, iPad Pro 10.5", iPhone 6
|
Quote:
|
|
06-14-2017, 10:07 AM | #5 |
Junior Member
Posts: 9
Karma: 10
Join Date: Jun 2017
Device: kindle
|
Thanks!! I'm going to try this today. I'm definitely not putting extra spaces between paragraphs except for some back matter info. I't more o put some space after image headings.
Will let you know how it turns out! |
Advert | |
|
06-14-2017, 10:50 AM | #6 |
Junior Member
Posts: 9
Karma: 10
Join Date: Jun 2017
Device: kindle
|
All worked beautifully! Thank you so much!! <3
|
06-14-2017, 12:59 PM | #7 |
mostly an observer
Posts: 1,515
Karma: 987654
Join Date: Dec 2012
Device: Kindle
|
I prefer to put the images in their own section or file, to lessen the likelihood that image and caption will appear on different pages.
I use 0.25 em bottom margin for images, 1 em for captions (for occasions when I violate the above principle). |
06-14-2017, 02:47 PM | #8 |
Grand Sorcerer
Posts: 12,160
Karma: 73448616
Join Date: Nov 2007
Location: Toronto
Device: Nexus 7, Clara, Touch, Tolino EPOS
|
You might like to look at Pablo's Guide to ePub creation. See https://www.mobileread.com/forums/sh....php?p=1503619
|
Tags |
spacing |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Spaces between paragraphs | Bigo2 | Calibre | 15 | 06-25-2014 03:37 AM |
Removing spaces between paragraphs | Skydog | Calibre | 12 | 02-20-2013 08:52 PM |
Spaces between Paragraphs in FBReader? | luqmaninbmore | PocketBook | 2 | 03-10-2010 09:09 AM |
Huge Spaces Between Paragraphs | diremommy | Calibre | 0 | 12-29-2009 06:30 PM |
Mobi -> LRF, huge spaces between paragraphs | Djehuty | Calibre | 3 | 04-22-2009 12:06 PM |