space between the image and the paragraph

[Hosun]

Hi,

I placed an image on Id and anchored it to the paragraph above (Screenshot 1).

My issue is the space between the end of the image and the next paragraph.

How would I manage it?

Option 1. (Screenshot 2)

Adjust the space to the paragraph

Option 2. (Screenshot 3)

Adjust the space during the export to EPUB.

Hosun

Screenshot 1Screenshot 2Screenshot 3

[Mike Witherell]

Always control your text with paragraph styles where you can also set the space before and/or the space after.

Always make a paragraph style for your images, too. I usually set the leading to Auto for paragraph styles that carry the image/anchor. Of course, again, you would decide on the space before and/or the space after in this paragraph style that carries the image placement/anchor. BTW, cleanly applied paragraph and character styles are vital to the production of well-coded epub files.

[James Gifford—NitroPress · Accepted solution]

I'd have to check to be sure, but offhand, I don't think object spacing is preserved in EPUB export. You have to use that Space Before/After Setting to get reliable results, which can be overridden in the individual image export settings.

ETA: Just tested and confirmed this. Spacing has to be set using the export values, or CSS. Object spacing set within ID is largely, if not wholly discarded. (On a technical level, I think it's because such spacing is seen as "padding," which ID does not export to EPUB.)

ETA2: As for the overall question, it's always better to use spacing-below for EPUB. While adding space above the paragraph would work (I'm pretty sure... the details are sometimes fine), it would also add space above the paragraph should it break to a next page. Space below is always "lost" by readers and doesn't interfere with an object or paragraph being at the bottom of a page. (EPUB secret #423a: a good way to force a page break in most psuedo-paginated readers is to add a large space-below value, such as 999px, to the prior paragraph. This can create a corresponding gap in linear readers... which is a minor flaw, IMHO.)

[Hosun]

1. Screenshot 1

Space After: 19px

2. Screenshots 2 and 3

#_idContainer076 {width: 80%}

3. Screenshot 4

final outcome

Thank you very much.

Hosun

Screenshot 1Screenshot 2Screenshot 3Screenshot 4