• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

space between the image and the paragraph

Enthusiast ,
Jul 03, 2023 Jul 03, 2023

Copy link to clipboard

Copied

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 1Screenshot 2Screenshot 2Screenshot 3Screenshot 3

 

TOPICS
How to

Views

281

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Jul 04, 2023 Jul 04, 2023

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 expo

...

Votes

Translate

Translate
Community Expert ,
Jul 04, 2023 Jul 04, 2023

Copy link to clipboard

Copied

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.

Mike Witherell

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jul 04, 2023 Jul 04, 2023

Copy link to clipboard

Copied

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.)


┋┊ InDesign to Kindle (& EPUB): A Professional Guide, v3.0 ┊ (Amazon) ┊┋

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Jul 05, 2023 Jul 05, 2023

Copy link to clipboard

Copied

LATEST

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 1Screenshot 2Screenshot 2Screenshot 3Screenshot 3Screenshot 4Screenshot 4

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines