odt to epub conversion why are images not centered?

[provlima]

I have converted an ODT text manuscript with images to an epub file
When viewed on Kindle Previewer 3 the images appear left indented not centered as they appeared in the original manuscript.

Is it possible to have them viewed in the center of the space between two paragraphs when converted to epub file?

[Quoth]

Don't

Edit in in odt format but do an extra Save As in docx. Then convert docx. No problem with centred images.

Use of paragraph styles is important and images work in more ereaders if in their own paragraph anchored as character, with appropriate text paragraph style and graphics style.

Only ever open a doc or docx from Word, to convert. Never open the extra docx saved from LO Writer. Only edit the odt.

Use Calibre & "tablet" page format for conversion.

[Turtle91]

A text file doesn’t really have any formatting, or ‘styling’, information. In an ePub you need to provide the styling using a style sheet. CSS (cascading style sheet) contains all the styling information for your book which makes it all pretty when you link it to the html files.

Your code should look something like this:

<p>This is a normal paragraph.</p>
<p>This is a normal paragraph.</p>
<div class=“image”><img alt=“” src=“../Images/touring.jpg”/></div>
<p>This is a normal paragraph.</p>
<p>This is a normal paragraph.</p>

With a styles.css something like this:

p {margin:0; text-indent:1.2em; text-align:left}
div.image {margin:2em auto; width:50%}

[Quoth]

The odt format isn't a text format.

There is no need to edit the CSS & HTML. If a properly styled & formatted odt has an extra "Save As" in docx and that is converted in Calibre the epub CSS & HTML are perfect.

[slowsmile]

"I have converted an ODT text manuscript with images to an epub file
When viewed on Kindle Previewer 3 the images appear left indented not centered as they appeared in the original manuscript."

There are two ways to fix that problem. For the first way, just export your ODT doc to Word doc format and then convert the Word doc to epub format. In epub format you could then write a simple style for the CSS in Sigil like this:

p.center {
text-align: center;
}

Use the above style within HTML images like this:

<p class='center'>
    <img alt="img01" src="../Images/Title_Image.jpg">
</p>

The second way to quickly center each of your epub images in Sigil would be to click and highlight each image in the Sigil html editor in turn and then just click the 'Align Text Center' button in the Sigil Toolbar.

[Quoth]

No, doc is poor, export (Save As) an extra copy as docx

It's also easier to convert docx to epub in Calibre. Sigil is better for experts handcrafting an ebook. It's not needed for this and the styles, formatting & centring should always be done in the wordprocessor, not in Sigil or Calibre, unless you only have an ebook and no wordprocessor source,

Properly done styles editing an odt with an extra docx "Save As" will automatically create that sort of HTML and CSS.

[JSWolf]

Originally Posted by slowsmile

There are two ways to fix that problem. For the first way, just export your ODT doc to Word doc format and then convert the Word doc to epub format. In epub format you could then write a simple style for the CSS in Sigil like this:

p.center {
text-align: center;
}

Use the above style within HTML images like this:

<p class='center'>
    <img alt="img01" src="../Images/Title_Image.jpg">
</p>

The second way to quickly center each of your epub images in Sigil would be to click and highlight each image in the Sigil html editor in turn and then just click the 'Align Text Center' button in the Sigil Toolbar.

You left out the indent. I had to remove the p as I cannot stand p. CSS styles. You need the indent to be 0 because p should be the default for most paragraphs and that includes the indent.

p {
  margin-top: 0;
  margin-bottom: 0;
  text-indent: 1.2em;
}
.center  {
  text-align: center;
  text-indent: 0;
}