From Sigil to Kindle Previewer Conversion Problems!

[Notjohn]

Originally Posted by oiver55

Great!! It works.
What does this part of the code mean?

<i>Map: <a href="../Text/Section0002.htm#invasion">

To be exact the <i> tag and the #invasion.
In order for me to get it to work I had to take out the #invasion and put "l". So it reads
<i>Map: <a href="../Text/Section0002.html"> instead.

The <i> tag is to italicize the word Map. (There will be a closing </i> tag to follow.)

The #invasion is an anchor that exists in the "Section" that is being pointed to. (It says id=invasion".) It's unnecessary and is a hangover from the time when I formatted e-books as a single file. Pointing to Section0002.html (language that Sigil creates when I split the larger file) is all that is needed in this case, because that gif file is the only thing in the "section" apart from the caption.

Html and htm are equivalent terms. I am accustomed to saving files as htm because I write in a DOS program, and DOS only allowed three-digit file extension (and eight-digit names). If you split an html file in Sigil, all the resulting sections will have the html extension, and if I split an htm file, I get a bunch of sections with the extension htm.

[oiver55]

ok this is my css code.

Spoiler:

p {
margin-top:0.0em;
margin-bottom:0.0em;
text-indent:1.5em;
text-align:justify;
}

p.first {
margin-top:0.5em;
margin-bottom: 0.0em;
text-indent:0.0em;
text-align:justify;
}

p.left {
margin-top:0.5em;
margin-bottom: 0.0em;
text-indent:0.0em;
text-align:left;
}

p.center {
margin-top:0.0em;
margin-bottom:0.25em;
text-indent:0.0em;
text-align:center;
}

h2 {
margin-top:1em;
font-size: 150%;
text-indent: 0em;
font-style: italic;
text-align:center;
}

h3 {
margin-top:1em;
font-size: 125%;
text-indent: 0em;
text-align:center;
}

h4 {
margin-top:1em;
font-size: 125%;
text-indent: 0em;
text-align:left;
}

p.large {
font-weight: bold;
margin-top:1em;
margin-bottom:1em;
font-size: 200%;
font-style: italic;
text-indent: 0em;
text-align:center;
}

p.medium {
font-weight: bold;
font-size: 150%;
font-style: italic;
margin-top:1.0em;
margin-bottom:1.0em;
text-indent: 0em;
text-align:center;
}

p.small {
font-weight: bold;
margin-bottom:1em;
font-size: 125%;
text-indent: 0em;
text-align:center;
}

p.block {
font-family: courier, monospace;
text-indent: 1em;
text-align:left;
margin:0em 0em 0em 1em;
}

p.blockfirst {
font-family: courier, monospace;
text-indent: 1em;
text-align:left;
margin:0.5em 0em 0em 1em;
}

p.blockcenter {
font-family: courier, monospace;
text-align:center;
margin:0.5em 0em 0em 1em;
}

span.smallcap {
font-size: 90%;
font-weight: bold;
}

div.image {
text-align:center;
margin-bottom: 0.25em;
}

div.icon {
text-align:center;
margin-bottom: 1em;
}

div.caption {
margin-bottom: 1em;
text-align:center;
font-style:italic;
}

[oiver55]

Spoiler:

p {
margin-top:0.0em;
margin-bottom:0.0em;
text-indent:1.5em;
text-align:justify;
}

p.first {
margin-top:0.5em;
margin-bottom: 0.0em;
text-indent:0.0em;
text-align:justify;
}

p.left {
margin-top:0.5em;
margin-bottom: 0.0em;
text-indent:0.0em;
text-align:left;
}

p.center {
margin-top:0.0em;
margin-bottom:0.25em;
text-indent:0.0em;
text-align:center;
}

h2 {
margin-top:1em;
font-size: 150%;
text-indent: 0em;
font-style: italic;
text-align:center;
}

h3 {
margin-top:1em;
font-size: 125%;
text-indent: 0em;
text-align:center;
}

h4 {
margin-top:1em;
font-size: 125%;
text-indent: 0em;
text-align:left;
}

p.large {
font-weight: bold;
margin-top:1em;
margin-bottom:1em;
font-size: 200%;
font-style: italic;
text-indent: 0em;
text-align:center;
}

p.medium {
font-weight: bold;
font-size: 150%;
font-style: italic;
margin-top:1.0em;
margin-bottom:1.0em;
text-indent: 0em;
text-align:center;
}

p.small {
font-weight: bold;
margin-bottom:1em;
font-size: 125%;
text-indent: 0em;
text-align:center;
}

p.block {
font-family: courier, monospace;
text-indent: 1em;
text-align:left;
margin:0em 0em 0em 1em;
}

p.blockfirst {
font-family: courier, monospace;
text-indent: 1em;
text-align:left;
margin:0.5em 0em 0em 1em;
}

p.blockcenter {
font-family: courier, monospace;
text-align:center;
margin:0.5em 0em 0em 1em;
}

span.smallcap {
font-size: 90%;
font-weight: bold;
}

div.image {
text-align:center;
margin-bottom: 0.25em;
}

div.icon {
text-align:center;
margin-bottom: 1em;
}

div.caption {
margin-bottom: 1em;
text-align:center;
font-style:italic;
}

[Hitch]

Originally Posted by DiapDealer

You DON'T have to click the 'center' button in Sigil to get your text centered (in fact you shouldn't do that IMO), you simply have to remove the leading space from the class name(s) in your html ... just like theducks originally suggested you need to do.

Even though it doesn't seem to trip up ADE, WebKit, or all EPUB validators, there is simply no good reason for leaving/introducing leading spaces in single-value class attributes. Even if it wasn't potentially tripping up Amazon's conversion tools, there's just no good reason for those spaces to be there.

As to your second example, yes... we'd need to see the css that's being applied. As exaltedwombat said; a single syntax error in the css file can get the whole shebang ignored.

Regardless:

None of these are Sigil questions. They are "how do I build an ePUB" questions. The OP should be referred to a) Pablo's Tutorial, b) Liz Castro's book (the fundamentals are never wasted, even if some of them are oldish now), and c) whatever else is appropriate.

Hitch