View Single Post
Old 04-05-2017, 04:37 AM   #19
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 79,796
Karma: 146391129
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by Just some guy View Post
But it's not a style per se, so there's no option to modify the margin-bottom.

It looks like this:

<p class="Body-Text-3 ParaOverride-1"><span class="CharOverride-1"> snipped text </span></p>

I tried to add some code that I found in this forum:<p class="Ebook">&nbsp;</p> And it worked -- but I got a very dramatic response from http://validator.idpf.org.

I also tried a <br> again, but with the same result...

Please let me know if I ask too many questions.

EDIT: I think I found a way: I located another chunk of text that had the right amount of space around it (and also had an actual css-style attached to it), so I copied the surrounding code, pasted it around the problem and then added its corresponding style to the chapter, e.g:
<link href="css/idGeneratedStyles_6.css" rel="stylesheet" type="text/css" />
That actually seems to work, and it's also accepted by Validator. So I hope it won't be an issue later on...
That code snippit you posted is poor form. You don't need all that mess. That mishmash of classes is what's causing the problem.

Here is some neat code.

body {
widows: 1;
orphans: 1;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
text-align: justify;
}
p {
margin-top: .3em;
margin-bottom: 0;
text-indent: 1.2em
}
.noindent {
text-indent: 0;
}

<p class="noindent">Start of the text</p>
<p>Some text</p>
<p>Some more text</p>
<p>Even more text but <i>some are in italics</i></p>


Now notice that you are getting a .3em paragraph space without the crud. All you have to do is change the margin in <p> in order to change the space.

Last edited by JSWolf; 04-05-2017 at 04:44 AM.
JSWolf is offline   Reply With Quote