stylesheet issue ... plus dumb user issue

[x2far]

Hi All,

I've pretty much confused myself to the point of no return with my current work document. I truly am a dummy when it comes to creating a nice workflow in Sigil.

My problem is that at the start of every chapter I have inserted a divider image under the chapter heading but for some reason I can't seem to center that image properly.

I seem to have a mass of css and absolutely not real understanding of what I have created. And as such, every time I make adjustments I just screw up even further.

Any help would be appreciated.

Cheers


Problem Code:

  <h2 class="calibre29 sigil_not_in_toc" id="calibre_toc_63"><span class="calibre25"><span class="bold1"><span class="calibre20"><span class="calibre21"><a class="calibre19" id="filepos4649922">CHAPTER 7</a></span></span></span></span></h2>

  <div class="calibre11" style="text-align:center"><img alt="divider" src="../Images/divider.jpg" /></div>

Relevant stylesheet.css for the above:

.calibre11 {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: justify;
    text-indent: 1.5em
    }
.calibre19 {
    color: inherit;
    cursor: inherit;
    line-height: 1.2;
    text-decoration: inherit
    }
.calibre2 {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    text-indent: 1.5em
    }
.calibre20 {
    line-height: 1.2
    }
.calibre21 {
    color: black;
    font-size: 0.70588em
    }
.calibre25 {
    font-size: 1em;
    line-height: 1.2
    }
.calibre29 {
    display: block;
    font-size: 1.41667em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: center;
    text-indent: 29px
    }

[mrmikel]

You have a couple of things going at once, calibre11 and text-align:center. The latter is enough. calibre11 has a text indent of 1.5 ems. That is throwing it off.

What you might try is to save a copy, use search and replace to remove all of the calibre styling and see what is left and how you like it.

If you have html to start with, take it directly into Sigil by adding additional files or opening. That way, no extra stuff from calibre.

[x2far]

Excellent!

Thanks very much. That indent was driving me nuts.

Cheers for the help.

[Toxaris]

Create a new stylesheet with proper (e.g. understandable) names. Get rid of all the Calibre classes, because they only confuse and have more entries than needed. That is one of the issues with using Calibre for conversions. You really need to cleanup afterwards.

[theducks]

If you figure out a 'class' purpose, you can always add a comment to it

.calibre13 { /* song */

Sigils 'Go to Link or Style' makes some of the style pain go away without having the tedious task of renaming.

[Notjohn]

If you use a separate style sheet, rather than an included one, it won't be duplicated in every chapter. This can add up if you have 30 or 40 "chapters" (which often or usually include single pages such as the title page or an illustration).

[x2far]

Thanks everyone. This is great.

I'll definitely create a new stylesheet. The current one just seems so bloated. There's 10 epub files merged into one through calibre then converted after that. Too much garbage in there.

[JSWolf]

Originally Posted by x2far

Thanks everyone. This is great.

I'll definitely create a new stylesheet. The current one just seems so bloated. There's 10 epub files merged into one through calibre then converted after that. Too much garbage in there.

Take the 10 ePub files that are merged. Don't convert. Load the merged ePub into Sigil and see what you get. It could be easier to deal with.

As for the stylesheet, what I do is take the stylesheet from the Calibre conversion and edit it. That way I can see what the styles are as a make new styles. Also, I remove unused styles so I only have styles that are used.