Images Sizes

[m610]

I am essentially done with the book (famous last words) and all looks good in preview. I'm working with an ePub file. When I convert to AZW3 several errors occur.

1. The font I am using for chapter titles, etc., and which is embedded, does not show.

2. I am using three sizes for images, 50%, 70%, and 90% wide. Only the 50%-size images display properly. The others display full-width. The captions that go with my images display properly.

I looked at the AZW3 code and the image sizes I specified are there. Those did not change, but my Kindle displays the 70 and 90% images full-page.

3. Another item, I'd like the book to open to the cover. At this time it opens to the title page.

4. And finally, for now, I'd like the cover page to display in the "From Your Library" page. At this time it is displaying a generic cover. I copied the book from my computer to my Reader via the USB port. Maybe there is another step in the process that I missed.

Anyway, other than these few items, which I have wrestled with for hours, this is all that is keeping me from finishing this eBook.

Thanks in advance for your help.

Some code, starting with CSS:

img.Image_Style_90
{
border: none;
width: 90%;
}

/* These are for multi-line captions that will be formatted as paragraphs. */
p.LongCaption_90
{
text-align: left;
text-indent: 0px;
font-family: "Palatino Linotype", serif;
font-weight: normal;
font-style: normal;
font-size: 80%;
width:90%;
margin-left:5%;
margin-bottom: 6px;
}

Here is a sample HTML
<div class="Image_Wrapper">
<span class="Image_Box">
<img src="../Images/02-Mama_Grannys_House.jpg" alt="Momma Granny's Home." class="Image_Style_90"/>
</span>

<p class="LongCaption_90">
Momma Granny’s house, on 1308 Speedway Street (now Parkway Street) is where the younger Tacker boys were raised. Located on the northeast corner of town, it was within easy bicycling distance to the Roscoe Turner Airport. The house is now gone. It burned down years ago and the address is now a vacant lot.</p>
</div>

[m610]

I'm beginning to think the problem is in the Kindle itself. I'll do a few experiments.

[m610]

As a little test, I added copies of the same image, but differently sized (width): 10%, 25%, 50%, 60%, 70%, and 90%. On the computer, everything looked okay. On my Kindle, all images over 50% displayed at 100%.

Maybe I am doing something wrong, or else there is a problem with the Kindle itself, as unlikely as that would seem.

[JSWolf]

Originally Posted by m610

As a little test, I added copies of the same image, but differently sized (width): 10%, 25%, 50%, 60%, 70%, and 90%. On the computer, everything looked okay. On my Kindle, all images over 50% displayed at 100%.

Maybe I am doing something wrong, or else there is a problem with the Kindle itself, as unlikely as that would seem.

Load the KF8 eBook into the edit and copy the appropriate code from there to show us. That's what we really need to see and not the ePub code.

[m610]

I'm having trouble getting my images to display the correct size on my Kindle. It might be a bug in the Kindle. My eBook displays correctly in Calibra.

In my book, I have standardized image sizes (width) of 50%, 70%, and 90%. I am also doing the same for the figure captions. Once I upload the book to my Kindle only the 50% images display properly. The 70 and 90 sizes display full-width. All caption sizes displayed correctly.

As an experiment, I set up image sizes 10, 25, 50, 60, 70, and 90%, and only images 50% and smaller displayed correctly. In every case, the captions displayed correctly.

I just installed the latest update, and that has not fixed the problem. I figure this is a bug that has not been addressed yet.

Is anyone else familiar with this problem?

Here's some code so you can see how I am doing this:

img.Image_Style_70
{
  border: none;
  width: 70%;
}

p.LongCaption_70
{
  text-align: left;
  text-indent: 0px;
  font-family: "Palatino Linotype", serif;
  font-weight: normal;
  font-style: normal;
  font-size: 80%;
  width:70%; 
  margin-left:15%;
  margin-bottom: 6px;
}

span.Image_Box
{
  padding: 0px;
  width: 100%;
  margin: 0px;
  display: block;
  border: none;
}

/* Wrapper for various objects, such as images. It prevents text from wrapping around the image. */
div.Image_Wrapper
{
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  float: left;
  width:100%;
  float: none;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

<div class="Image_Wrapper">
<span class="Image_Box">
<img src="../Images/04-JD_Greer.jpg" alt="Photo of J.D. Greer" class="Image_Style_70"/>
</span>
<p class="LongCaption_70">
J.D. Greer, one of Harold’s early heroes, in Lima, Peru in 1932. <i>Photo courtesy of ]oe Greer, Jr.</i></p>
</div>
}

[DNSB]

Are you uploading azw3 or mobi format to your Kindle?

[JSWolf]

This is a duplicate thread. The original with replies is at https://www.mobileread.com/forums/sh...d.php?t=363430

[m610]

I wasn't getting any responses there. I figured I must have posted in the wrong forum.

[m610]

AZW3.

In Calibra the AZW3 version looks okay, too.

[DNSB]

It might be easier if you attached your ebook to a message here so we can actually see the internals of the ebook. If it is copyright or you want to keep it private, you can use the ScrambleEbook plugin to scramble the ebook before attaching it.

[jhowell]

Originally Posted by DNSB

Are you uploading azw3 or mobi format to your Kindle?

I was wondering about that also. As far as I know the expansion of images described here is a feature of MOBI format.

Originally Posted by DNSB

It might be easier if you attached your ebook to a message here so we can actually see the internals of the ebook.

I would like to see that. Something strange is going on here.

[m610]

I copy-pasted enough of the book into a text file that you could see how I am handling things. I cut quite a bit of the text but left the parts adjacent to the images, and of course, I left the images.

I hope this is enough.

[Karellen]

Originally Posted by m610

I copy-pasted enough of the book into a text file that you could see how I am handling things.

Why? It is not what was asked for.
A copy of the scrambled epub is what was requested, not a snippet pasted into a text file. I guess you want us to create an epub out of that snippet?

[pdurrant]

Originally Posted by JSWolf

This is a duplicate thread. The original with replies is at https://www.mobileread.com/forums/sh...d.php?t=363430

Threads merged.

[m610]

Please cut me some slack. This is my first ebook project and I am learning it all sitting here by myself at my desk. I've already put in quite an effort trying to figure out what the problem is, so I'm not running here asking for help at the first sign of trouble.

I figured all you'd need was the HTML of the main document, since that really all I have ever worked with. That said, a truncated version of the book is attached.

Just a reminder, I present images (and captions) at 50, 70, and 90% of the width of the page. Only the 50% images display the right size.

After this, I have to figure out why the fonts I selected are not used.