Skip to main content
E
E5CC0
Participating Frequently
January 11, 2021
Answered

Misalignment of object when exporting to reflowable ePub

  • January 11, 2021
  • 2 replies
  • 1280 views

Hello

I'm very new to ePub design and am getting a little stuck with placing a stroke under an indented paragraph.

The paragraph is indented to 30px (as it's an extract) and so want the stroke to be indented to the same.

I created the stroke, and under Object Export Options have selected 'Rasterise Container'. 

The stroke is custom anchored to it's own para style which is indented to 30px.

At different viewing ports/scales in ibooks, sometimes the stroke is indented correctly (inline with the extract indent) but sometimes not far enough or too far.

Looking for a bit of advice, i'm sure it very easy if you know how 🙂

I've included some screen shots incase it helps.

Incase it helps.

Using Indesign CC 2020. Previewing in iBooks. 

Thanks so much in advance.

Emily

 

This topic has been closed for replies.
Correct answer hammer0909

It sounds like your approach is making it difficult to replicate in the EPUB. Keep in mind that EPUB is just using HTML and CSS to replicate the formatting. If you're simply trying to add a stroke under a paragraph, I'd use the Border option to apply a bottom stroke to the paragraph. If you're using an older version of InDesign, you can do this with a rule below. I think you'll find that this will give you much better results. Save the appearance as a style so you can use it as needed and tweak the HTML/CSS output as well.

2 replies

hammer0909
Community Expert
hammer0909Community ExpertCorrect answer
Community Expert
January 11, 2021

It sounds like your approach is making it difficult to replicate in the EPUB. Keep in mind that EPUB is just using HTML and CSS to replicate the formatting. If you're simply trying to add a stroke under a paragraph, I'd use the Border option to apply a bottom stroke to the paragraph. If you're using an older version of InDesign, you can do this with a rule below. I think you'll find that this will give you much better results. Save the appearance as a style so you can use it as needed and tweak the HTML/CSS output as well.

    E
    E5CC0Author
    Participating Frequently
    January 12, 2021

    Thanks Chad. Thanks Derek. I'm not at the level where I can tweak CSS, yet.

    The border did work but even with defining inset amounts the bottom border still extended all the way accross the text panel to the right. The left indent was actually spot on!

     

    I guess I'll just keep it simple and remove them 🙂

    E
    E5CC0Author
    Participating Frequently
    January 12, 2021

    I seem to now have another problem. I have a rogue stroke that isn't appearing in the ID layout (in styles or as a style override) but is appearing before one of my chapter titles.

     

    Do you have anyideas what might be happening here? I've been fiddling for an hour and dont seem to be able to find a work around. Tried removing the page, and adding a fresh one, and tried using the text from a different chapter to delete and type back in. Hmmm. Any help would be greatly appreciated 🙂

     

    Images attached are:

    1) Page before the chap opener

    2) Chap opener

    3) ADE preview of page before chap opener 

    4) ADE preview of chap opener

    Derek Cross
    Community Expert
    Derek CrossCommunity Expert
    Community Expert
    January 11, 2021

    I think with Reflowable ePubs the simpler the design the better.

    By the way, don't rely just on iBooks to preview, test your ePub in other viewers and devices as well.

     

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices