MobileRead Forums - View Single Post - Inserting Spaces according to sigil messes with font

rosshalde · 10-23-2014, 08:54 PM

Ok, so I was having trouble with blank spaces and then I found some code to try and it worked.
I inserted
<div class="body" style="white-space:normal">
rather than
<div class="body" style="white-space

re-wrap">
and it did get rid of all the "white space"
Now I need to add back a few to set off prose text from a brief little song and then back to prose.
Essentially, I want a blank line above and below the song that is in the midst of prose to help offset it and make it look nice.

Sigil suggests

Don’t. Its much better to use stylesheets to define the amount of space above or below your special sections using a style definition. For instance to leave 1.5 lines of space above a paragraph you can use this style class:

p.blankabove { margin-top: 1.5em; }
and in your text use the class with your paragraph:

<p class="blankabove">My paragraph</p>
which I did and it works, but now the text of that paragraph is much larger than the text of all other paragraphs.....why is that?

I can always add a space in the book view, but it adds
<br />
and I can see from my reading this forum that might not be a good idea.

any pointers?
Thanks in advance.

10-23-2014, 08:54 PM	#1
rosshalde Zealot Posts: 142 Karma: 10 Join Date: Jun 2014 Device: nook	Inserting Spaces according to sigil messes with font Ok, so I was having trouble with blank spaces and then I found some code to try and it worked. I inserted <div class="body" style="white-space:normal"> rather than <div class="body" style="white-spacere-wrap"> and it did get rid of all the "white space" Now I need to add back a few to set off prose text from a brief little song and then back to prose. Essentially, I want a blank line above and below the song that is in the midst of prose to help offset it and make it look nice. Sigil suggests Don’t. Its much better to use stylesheets to define the amount of space above or below your special sections using a style definition. For instance to leave 1.5 lines of space above a paragraph you can use this style class: p.blankabove { margin-top: 1.5em; } and in your text use the class with your paragraph: <p class="blankabove">My paragraph</p> which I did and it works, but now the text of that paragraph is much larger than the text of all other paragraphs.....why is that? I can always add a space in the book view, but it adds <br /> and I can see from my reading this forum that might not be a good idea. any pointers? Thanks in advance.