Creating Indents on <br class="calibre1" />

[CyanBC]

I'm having trouble editing an epub in Sigil that has breaks after each paragraph as
<br class="calibre1" />
I'm trying to get all the new paragraphs to be indented.

It looks like this

<p class="calibre2">Text goes here and its a paragraph and reading this is boring blah blah blah.<br class="calibre1" />
This is the new line, this is where I cannot seem to get an indent for the new line, causing all the text to be broken into different paragraphs correctly, but not indent these lines<br class="calibre1" />
This line would also not be indented as I would like...

I'm able to edit the sytlesheet to have the calibre2 be indented. But I cannot get the calibre1 to be indented and I need to maintain the <br ... /> structure in the document because to do otherwise is immensely painful. I've tried adding this to the style sheet

.calibre1 {
text-indent: 1.5em;
}
br.calibre1 {
text-indent: 1.5em;
}
br {
text-indent: 1.5em;
}

I've even tried changing it from <br.../>/ to <p.../> and adding the proper entries in the style sheet. But i still cant seem to touch it because of the <.../> formatting.

Am I missing something?

[theducks]

You have 1 big paragraph with forced line breaks
IMHO that is a horrible way to do things (in most cases)


I suggest converting those <BR /> into </p> <p class="calibre1">

[Jellby]

Simply put: the input document is wrong, that's one of the reasons one should not use <br/> for paragraph breaks, you cannot get indents. Do as theducks says and add proper paragraph breaks.

[teh603]

I'd suggest the Smashwords Nuke: copy everything into notepad, reimport the resulting .txt, and craft your own style sheet.

[CyanBC]

What need to happen and how I fixed it:

I just did a search for all <br class="calibre1" /> and replaced with <p class="calibre1" />

Then I `Saved` and re-opened, this causes Sigil to add <p>the text</p> wherever those things are located (or something, I might be wrong, but it changes it).

Then the stylesheet worked.

[Ahmad Samir]

Originally Posted by CyanBC

What need to happen and how I fixed it:

I just did a search for all <br class="calibre1" /> and replaced with <p class="calibre1" />

Then I `Saved` and re-opened, this causes Sigil to add <p>the text</p> wherever those things are located (or something, I might be wrong, but it changes it).

Then the stylesheet worked.

Look at theducks' post again, you should have replaced <br class="calibre1" /> with:
</p> <p class="calibre1">

so that you end the first paragraph (with </p>) and then start a new one (with <p class="calibre1">).

Whatever you used worked because Sigil uses Tidy, which "corrected" all the syntax for you, but I'd be careful in the future as Tidy sometimes goes into crazy-overzealous-correcting mode if the code is too badly messed up.

Note that there's no <p /> tag, the end paragraph tag is </p>, which comes after <p>.

<br> is a special case, it only has a start tag and no end tag; so use <br> in html and <br /> in xhtml, c.f. https://developer.mozilla.org/en-US/...TML/Element/br

[Turtle91]

Just my .02¢...

I would replace <br class="calibre1" /> with </p><p> (no class).

I find it unnecessary to define a class for a normal paragraph. Simply style the normal paragraph in your CSS with
p {text-indent: 1.5em}
Then you only need to add classes to paragraphs that are different. This ends up being much cleaner and saves a bunch of bloat (smaller file size).

Cheers!

[Turtle91]

Duplicate post

[theducks]

Originally Posted by Turtle91

Just my .02¢...

I would replace <br class="calibre1" /> with </p><p> (no class).

I find it unnecessary to define a class for a normal paragraph. Simply style the normal paragraph in your CSS with
p {text-indent: 1.5em}
Then you only need to add classes to paragraphs that are different. This ends up being much cleaner and saves a bunch of bloat (smaller file size).

Cheers!

Since the OP is not you , he had a class, He will probably want to continue using the class or the lines could end up with a different look

I am stressing 2 Points:
1) Don't rely on Tidy to make YOUR code clean.
2) Always write/use the cleanest (replacement) solution, don't rely on Tidy.

[Turtle91]

Originally Posted by theducks

Since the OP is not you , he had a class, He will probably want to continue using the class or the lines could end up with a different look

I definitely agree with your two points.

I was simply commenting that having a class on every normal paragraph is not necessary and leads to bloat. The only purpose to the OP's Calibre1 class was to indent the line...not something that would change the look if it was included as part of the p {} style.

[teh603]

Or he could create a .indent class and handle it that way?

[theducks]

Originally Posted by teh603

Or he could create a .indent class and handle it that way?

Look at the stylesheet in the early post. calibre1 has a 1.5em indent

[Turtle91]

Originally Posted by teh603

Or he could create a .indent class and handle it that way?

No...the whole point is that you DON'T need a specific class for all your "normal" paragraphs at all. 4000 paragraphs x <p class="indent"> = a lot more space/bloat/file size than just <p> with one style in the css p {text-indent:1.2em}

[teh603]

Originally Posted by Turtle91

No...the whole point is that you DON'T need a specific class for all your "normal" paragraphs at all. 4000 paragraphs x <p class="indent"> = a lot more space/bloat/file size than just <p> with one style in the css p {text-indent:1.2em}

I got the feeling that he wanted some paragraphs indented, and some not.

[JSWolf]

<p>
<p class="noindent">
<p class="spacebreak">

p {
margin-top: 0;
margin-bottom: 0;
text-indent: 1.2em
}
.noindent {
text-indent: 0
}
.spacebreak {
margin-top: 2em;
text-indent: 0
}

There you go; indented, not indented and even a section break.