Using the Editor for a newbie

[lethalox]

I have short story that I converted from an .lrf file. Unfortunately the conversion is a messed up. With breaks in the text artificially sprinkled throughout the document. Since I also have the short story in a pbook, it was easy enough to address. Where I am struggling is that I can seem to get an a text indent for every line break.

Here is the stylesheet.

.body {
display: block;
font-size: 1.125em;
line-height: 1.2;
padding-left: 0;
padding-right: 0;
margin: 0 5pt
}
.bs {
color: rgb(0, 0, 0);
display: block;
font-size: 0.88889em;
font-weight: normal;
text-align: left;
text-indent: 10pt;
border: rgb(0, 0, 0) solid 0;
margin: 0
}
.calibre {
display: block
text-indent: 30pt;
}
.calibre1 {
display: block;
margin: 1em 0
text-indent: 30pt;
}

The line breaks are marked as <br class="calibre"/>. But at each line, there is no indent. A paragraph break will get an indent with <p class="calibre1">.


And help would be much appreciated.
Much thanks!

[Sirtel]

Replace all instances of <br class="calibre"/> with </p><p class="calibre1">.

[theducks]

You have one of those books with 1 CODED paragraph and BR to make a newline

You need to replace all the <br class="calibre"/>
with
</p> <p class="calibre1">

That ends the current actual paragraph and the starts a new one (using the remainder of the text)

[lethalox]

Using so does the br tag and class not support an indent?
I understand using the <p> gets the indent but <p> also creates a lot of visual separation between paragraphs that would not like to have.

Much thx...

[Sirtel]

Originally Posted by lethalox

Using so does the br tag and class not support an indent?
I understand using the <p> gets the indent but <p> also creates a lot of visual separation between paragraphs that would not like to have.

Much thx...

That's because you have a 1em margin in your paragraph code. Change that to 0 if you don't want any spaces between paragraphs.

[theducks]

Originally Posted by lethalox

Using so does the br tag and class not support an indent?
I understand using the <p> gets the indent but <p> also creates a lot of visual separation between paragraphs that would not like to have.

Much thx...

Indent belongs to a Block Level tag.
BR is inside a the text, so all you can do is Line height.

W3schools is where you can learn about CSS. Not everything you see there is aimed at Web pages. EPUB is a subset

[gbm]

Look at the css for the calibre1 style, it has 1em space for the top and bottom margins.

If the margin property has two values:

    margin: 10px 5px;
        top and bottom margins are 10px
        right and left margins are 5px

Change it to:

.calibre1 {
display: block;
margin: 0;
text-indent: 30pt;
}

.calibre1 {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
   text-indent: 30pt;

}
]

See https://www.w3schools.com/cssref/pr_margin.php for explanation of css margins.

bernie

Originally Posted by lethalox

I have short story that I converted from an .lrf file. Unfortunately the conversion is a messed up. With breaks in the text artificially sprinkled throughout the document. Since I also have the short story in a pbook, it was easy enough to address. Where I am struggling is that I can seem to get an a text indent for every line break.

Here is the stylesheet.

Spoiler:

.body {
display: block;
font-size: 1.125em;
line-height: 1.2;
padding-left: 0;
padding-right: 0;
margin: 0 5pt
}
.bs {
color: rgb(0, 0, 0);
display: block;
font-size: 0.88889em;
font-weight: normal;
text-align: left;
text-indent: 10pt;
border: rgb(0, 0, 0) solid 0;
margin: 0
}
.calibre {
display: block
text-indent: 30pt;
}
.calibre1 {
display: block;
margin: 1em 0
text-indent: 30pt;
}

The line breaks are marked as <br class="calibre"/>. But at each line, there is no indent. A paragraph break will get an indent with <p class="calibre1">.


And help would be much appreciated.
Much thanks!

Originally Posted by lethalox

Using so does the br tag and class not support an indent?
I understand using the <p> gets the indent but <p> also creates a lot of visual separation between paragraphs that would not like to have.

Much thx...

[lethalox]

Thank you for all you support. I have learned much....