Quantcast
Channel: MobileRead Forums - Kindle Formats
Viewing all articles
Browse latest Browse all 862

How to center images in OLD mobi7 for Voyage

$
0
0
Is my problem with the CSS, or is it with the MOBI format, or is it with the VOYAGE, or is it with the KINDLE PREVIEWER? (come on, I'm giving you enough choices, you must have an opinion!)

I build my epub with Sigil, then convert to mobi using Calibre v 2.47.
I am using Kindle Previewer for PC v2.92 to view the books after conversion. When viewing the result for the Voyage, the pictures are left-aligned. For Kindle DX, they are centered as they should be.

I have tried using <center></center> with a div with text-align: center, and also added a class assigned directly to the image with text-align:center.

Code:

.illus
{
border: 0; padding: 0;
text-indent: 0;
text-align: center;
page-break-inside: avoid;
margin-top: 1.0em;
margin-bottom: 1.0em;
}

.img100
{
width: 900px;
height: auto;
margin-left: auto;
margin-right: auto;
}

HTML:
Code:

<div class="illus">
 <img alt="" class="img100" id="cwa-07" src="../Images/cwa-07.jpg"/>

<div>THROUGH HILLSIDE VILLAGES</div>
</div>

ALTERNATE HTML:
Code:

<center>
<div class="illus">
 <img alt="" class="img100" id="cwa-07" src="../Images/cwa-07.jpg"/>

<div>THROUGH HILLSIDE VILLAGES</div>
</div>
</center>

Incidentally, the Calibre conversion to azw3 seems flawless.


So, what is the verdict? Is there a solution for me?
:chinscratch:

EDIT TO ADD: The actual kindle format ebooks are here:
http://www.mobileread.com/forums/sho...d.php?t=275896

Attached Thumbnails
Click image for larger version

Name:	Kindle DX Centered.jpg
Views:	N/A
Size:	301.9 KB
ID:	149942   Click image for larger version

Name:	Voyage Left-aligned.jpg
Views:	N/A
Size:	138.3 KB
ID:	149943  

Viewing all articles
Browse latest Browse all 862