Justification by Sigil

[crutledge]

In the HTML file, all chapter headings are centered. After loading into Sigil, all chapter headings are left justified.

Is this intentional or an artifact of the tools incorporated into Sigil?

[paulpeer]

Originally Posted by crutledge

In the HTML file, all chapter headings are centered.

Strange. If they are, there must be some instruction in the CSS-file or CSS-headers of the original HTML. Try adding this to the CSS-file if you want headings to be centered:

h1, h2, h3, h4, h5, h6 {text-align: center}

[Valloric]

Originally Posted by crutledge

In the HTML file, all chapter headings are centered. After loading into Sigil, all chapter headings are left justified.

Is this intentional or an artifact of the tools incorporated into Sigil?

I'd have to see the file. Can't tell what the problem is blind.

[crutledge]

Originally Posted by paulpeer

Strange. If they are, there must be some instruction in the CSS-file or CSS-headers of the original HTML. Try adding this to the CSS-file if you want headings to be centered:

That was my thinking, also. The style sheet seems to cover it but Sigil seems to pay no attention. Below, is the style sheet from sigil.

<style type="text/css">
BODY {
        MARGIN-LEFT: 15%; MARGIN-RIGHT: 15%
  }
  P {
        TEXT-ALIGN: justify; MARGIN-TOP: 0.75em; MARGIN-BOTTOM: 0.75em
  }
  H1 {
        TEXT-ALIGN: center; CLEAR: both
  }
  H2 {
        TEXT-ALIGN: center; CLEAR: both
  }
  H3 {
        TEXT-ALIGN: center; CLEAR: both
  }
  H5 {
        TEXT-ALIGN: center; CLEAR: both
  }
  H6 {
        TEXT-ALIGN: center; CLEAR: both
  }
  H4 {
        TEXT-ALIGN: center; CLEAR: both; FONT-WEIGHT: normal
  }
  HR {
        MARGIN: 2em auto; WIDTH: 45%; HEIGHT: 1px; CLEAR: both
  }
  A:link {
        COLOR: navy; TEXT-DECORATION: none
  }
  A:visited {
        COLOR: maroon; TEXT-DECORATION: none
  }
  A:hover {
        TEXT-DECORATION: underline
  }
  A:active {
        COLOR: navy
  }
  .pagenum {
        POSITION: absolute; TEXT-ALIGN: right; COLOR: gray; FONT-SIZE: smaller; LEFT: 92%
  }
  .hoverlink {
        BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none
  }
  .hoverbox {
        BORDER-BOTTOM: gray 0.07em dotted
  }
  .center {
        TEXT-ALIGN: center
  }
  .right {
        TEXT-ALIGN: right
  }
  .left {
        TEXT-ALIGN: left
  }
  .dropcap {
        TEXT-INDENT: -0.5em; MARGIN-LEFT: 0px
  }
  .frstltr {
        DISPLAY: none
  }
  .smcap {
        FONT-VARIANT: small-caps
  }
  .smfont {
        FONT-SIZE: smaller
  }
  .lgfont {
        FONT-SIZE: larger
  }
  .serfont {
        FONT-FAMILY: serif
  }
  .sansfont {
        FONT-FAMILY: sans-serif
  }
  .figcenter {
        TEXT-ALIGN: center; MARGIN: auto
  }
  .figcenter P {
        TEXT-ALIGN: center; FONT-SIZE: smaller; FONT-WEIGHT: bold
  }
  .figcap {
        TEXT-ALIGN: center; PADDING-BOTTOM: 0px; MARGIN: -0.25em 0.5em 0px 0px; PADDING-LEFT: 0px; WIDTH: auto; PADDING-RIGHT: 0px; FLOAT: left; CLEAR: left; PADDING-TOP: 0px
  }
  .tranotes {
        PADDING-LEFT: 1em; WIDTH: 85%; PADDING-RIGHT: 1em; BACKGROUND: #fbf5e6; MARGIN-LEFT: auto; FONT-SIZE: smaller; MARGIN-RIGHT: auto
  }

  a.sgc-3 {font-weight: bold}
  h2.sgc-2 {font-style: italic}
  a.sgc-1 {font-style: italic}
</style>

[crutledge]

Originally Posted by Valloric

I'd have to see the file. Can't tell what the problem is blind.

Here's one The Sigil file.
Edit: Should have also have sent the HTML.

[GeneS]

Unless I'm mistaken, the css instructions need to be in lower-case. I changed the case of the css in the file and headings were then centered.

[crutledge]

Originally Posted by GeneS

Unless I'm mistaken, the css instructions need to be in lower-case. I changed the case of the css in the file and headings were then centered.

So simple when you know what you are doing.

Are there provision in Sigil to convert text to Upper Case, Lower case, and Proper case?

[GeneS]

It doesn't seem to matter to my browsers or to the calibre epub reader ...
Apparently Sigil is sensitive to case.

[ghostyjack]

You browsers wouldn't care about the case as they read HTML which isn't case sensitive, but epub uses XHTML which required the case to be lower-case for all your tags. Sigil is an epub editor, so the book view would need the tags to be in lower-case.

Hence why changing the case resolved the problem.

I imagine Calibre doesn't have a problem with the case of the tags due to it being able to also display HTML files as well as epub.

Sigil has HTML Tidy embedded in it and does a resonable job trying to correct the case of the tags in the XHTML files but doesn't get everything. So to make sure everything works, only work in lowercase in your tags. The exception to this is SVG as it has some special parameters (I think) that are in upper and mixed case.

[crutledge]

With the bevy of experts watching this thread, I have one more problem.

After making changes of the style sheet to lower case, the Sigil file looks great and the calibre epub viewer shows everything well.

However, ADE shows a problem.

Each chapter begins the first paragraph with a graphic as the first letter. Initially, ADE showed the image centered and the text beside it run off the page to the right. I cured the image by changing the css for the image to align: left. I have tried several changes to the css for the text but my lack of knowledge and experience have shined through.

Can someone lead this sinner to the path of true right and proper CSS?

[ghostyjack]

I can't quite remember the exact code but what you need is a class for those image files that float the image to where you want.

something like:

<style>
img.floatleft {float:left;}
</style>

<img class="floatleft" .....

[GeneS]

In addition to floating the image to the left, you might consider setting the class of the first character of the paragraph to something like:

p.noshow {display: none }

otherwise it will still print next to the image.

[Valloric]

Originally Posted by ghostyjack

Sigil has HTML Tidy embedded in it and does a resonable job trying to correct the case of the tags in the XHTML files but doesn't get everything.

Actually since I hacked Tidy a bit in 0.2.0beta3 it should catch everything. If your tags or attributes are upper case, they will be converted to lower case. If they are mixed case, they will be left as is.

If you find some input on which this fails, please make an issue on the tracker.

[crutledge]

Valoric,

You are a wonder. Don't you ever sleep?

[Valloric]

Originally Posted by crutledge

Don't you ever sleep?

It's been known to happen.