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.
Hope someone can help!
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?
Answering from the top:
- No, I did not expect the epub to look exactly like the InDesign layout, but I did expect the paragraph spacing to be preserved.
- Yes, I did map styles to tags, not all of them though - some were left set on "automatic". No, I did not add classes, simply because I did not deem it nescessary. No, I did not check class definitions, again, using no classes it seemed unnescessery. Is the use of classes the answer to the problem?
- I have some understanding about CSS and HTML (far from an expert, though). I have opened the epub-file to check on the markup, and as far as I can tell, spacing is not a part of the style definitions in the styles-folder - I just had the impression that the spacing-data from my paragraph styles would carry over in the epub.
So, still - Is there any way I can make InDesign keep spacing in the style definitions?
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.
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.
I ran tests on an iPad, Galaxy Pad and an Android phone, all three devices presented the book with the same flaws as the "old" ADE viewer - I'll update soon.
As for Bobs advice - leaving all tags on "automatic" works - as far as the spacing goes - so thanks Bob! Now I "just" have to go through the book and edit a number of paragrah styles hoping that the "automatic" gives them the value I want - wonder how that will turn out.
Before turning automatic on, I tried to edit the CSS myself (I use Sigil) but no matter what I changed and/or added in CSS-file - none of the changes showed up in my epub! - Thought "margin-bottom" was the value to tweak, but obviously not...
Anyways, I can conclude that the given paragraph spacing is retained when I do NOT do the tagging myself - Hope this will be fixed in the next version of InDesign.
Try tweaking "margin-top" instead.
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.
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?
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?
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.
Europe, Middle East and Africa