Skip navigation
MikHva
Currently Being Moderated

InDesign CS6 does not preserve my paragraph spacing in epub - why?

Jun 12, 2012 1:47 PM

Hello all,

 

I have a technical textbook set using paragraph styles with spacing added before and after the paragraphs using their respective paragraph styles. When I export to epub there is no spacing preserved. I am aware that others have asked similar questions previoulsy, men the answers do not help me overcome this problem. I have tried converting the set spacing from mm to pt, thinking that epub might not "understand" the metric system, but that does not seem to be the problem.

 

Below two dumps showing the indesign layout and the epub result.

 

I "include style definitions" and "preserve local overrides" but have of course also tried exporting with them unchecked, but that does not make any difference - still no spacing. Also, I have tagged the text.

 

Untitled-1.jpg

Untitled-12.jpg

Hope someone can help!

 

 

 

Thanks,

 

Mikkel

 
Replies
  • Currently Being Moderated
    Jun 12, 2012 1:59 PM   in reply to MikHva

    Were you actually expecting the EPUB to look exactly like the InDesign file?

     

    Did you map the styles to tags? Did you add classes? Did you check to see the class definitions in ID?

     

    Do you understand CSS and HTML? If so, have busted open the EPUB to check the markup?

     

    Bob

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 12, 2012 2:57 PM   in reply to MikHva

    If you map a style to a tag there will be no css assigned to it. You can try leaving them all to automatic and see what happens.

     

     

     

    Worth noting is that CS6 does not create a margin-top to go with the space above.

     

     

     

    Bob

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 12, 2012 3:46 PM   in reply to MikHva

    Note #1: Are you still using the "old" ADE viewer? Download the 1.8 beta NOW! (see the bottom of http://www.adobe.com/products/digitaleditions/). It's way better.

     

    Note #2: ... although it still doesn't display an e-pub "exactly" as on a real e- (or i-)device. Test on that to make sure, honestly.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 15, 2012 12:42 AM   in reply to Bob Levine

    Bob Levine wrote: «…Worth noting is that CS6 does not create a margin-top to go with the space above…»

     

    And that is exactly why the "spacing before" doesn't work in CS6, but works in CS5.5!

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 15, 2012 1:53 AM   in reply to MikHva

    MikHva:

    Try tweaking "margin-top" instead.

    like this:

     

    p.title {

              font-family : "Times New Roman", serif;

              margin : 36px 0px 20px 0px;

    }

     

    The 36px margin (margin-top) is the spacing between this and the previous paragraph.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 15, 2012 7:07 AM   in reply to travelling mac

    As mentioned in another thread here, some of us talked to an Adobe engineer who codes InDesign's CSS. It's expected that the "margin top" bug will be  fixed in an update coming to CS6.

     
    |
    Mark as:
  • Currently Being Moderated
    Jul 20, 2012 7:19 AM   in reply to Steve Werner

    I am getting extremely frustrated with the indesign styles to css conversion. I have a long list of complex books to do and I have have to rewrite almost 100  css styles. Do you know when they are coming out with the fix?

    Another question; I have noticed an intermittent use of light-height property is this intended to replace space before?

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 28, 2012 12:39 PM   in reply to Steve Werner

    That is great news/ Anyone help with this problem...when I export to ePub there is a big space between the image and the caption that I can't get rid off. I have set the margin-bottom on the div class="frame-2" etc, and it has no effect though it works on the left and right margins.

     

    Is there something in the frame application that automatically adds space after the image?

     

     

    As well, the css comes out as div.frame-2 but in the html it shows as <div class=" image frame-2". Can anyone explain why this is and is the word image followed by the space and then frame-2 necessary? I removed "image and the space so that it is <div class="frame-2"> and it still seems to work. Coding should never have spaces in class names.

     

    Anyone, Adobe answer this?

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 28, 2012 12:45 PM   in reply to Hesione1234

    There is no "Adobe" here to answer questions. This is a user forum. We are users just like you.

     

    This problem of the "margin top" bug has been fixed in the 8.01 update for InDesign CS6.

     

    I doubt that auto-generated code from an application will ever be as clean as hand-coded CSS.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 28, 2012 3:40 PM   in reply to MikHva

    I found not to use automatic, ever. Make sure you map everything to a class or tag.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 28, 2012 3:42 PM   in reply to Steve Werner

    I thought they might "monitor" to see feedback. Guess not.

     
    |
    Mark as:
  • Currently Being Moderated
    Sep 28, 2012 5:14 PM   in reply to Hesione1234

    Yes, that's good practice.

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points