Creating an AZW3 ebook from .docx file

SofAmina · 10-11-2019, 06:24 AM

Hi,

Probably the most basic of questions and I've been trying to resolve it since yesterday.

The last time I looked at code was in the MySpace and Dreamweaver age. I really need some help.

I have images within an eBook which are on their own page (page break) and they need to take up the full screen.

I understand how width specification has been disabled through Kindle, so I assume I can only specify height.

I've found this so far which made sense to me https://www.mobileread.com/forums/sh...d.php?t=313795.

I added this code to my html file - image 1

I'm supposed to add something to the CSS file (image 2) but I'm looking at it and the code would go into block
8 but what do I input?

Thanks in advance

pdurrant · 10-11-2019, 07:44 AM

You've included the image twice in the body. Replace the entire body (from, and including, <body> to, and including, </body>) with

Code:

<body class="full-page-image">
  <div class="full-page-image">
    <img alt="Map" src="../images/00004.jpg" class="full-page-tall"/>
  </div>
</body>

and add the following the CSS file:

Code:

body.full-page-image { margin:0; padding:0; }
div.full-page-image { margin:0; padding:0; text-align:center; }
img.full-page-tall { margin:0; padding:0; height:100%; width:auto; max-width:100%; }

SofAmina · 10-11-2019, 04:42 PM

Quote:

Originally Posted by pdurrant

You've included the image twice in the body. Replace the entire body (from, and including, <body> to, and including, </body>) with

Code:

<body class="full-page-image">
  <div class="full-page-image">
    <img alt="Map" src="../images/00004.jpg" class="full-page-tall"/>
  </div>
</body>

and add the following the CSS file:

Code:

body.full-page-image { margin:0; padding:0; }
div.full-page-image { margin:0; padding:0; text-align:center; }
img.full-page-tall { margin:0; padding:0; height:100%; width:auto; max-width:100%; }

Hi,

Thanks for the info. I didn't expect such a quick reply. Much appreciated.

I added the code to the HTML file then the code to the CSS at block 13 (think this is the right point).

Calibre viewer is fine but Kindle previewer states source file is incomplete or corrupt.

Any further help be great.

pdurrant · 10-11-2019, 04:50 PM

Use Sigil to create an ePub that passes ePubCheck, and then use that as the input to Kindle Previewer.

Until you have complete and valid HTML/CSS, you'll continue to have problems.

10-11-2019, 06:24 AM	#1
SofAmina Junior Member Posts: 8 Karma: 10 Join Date: Oct 2019 Device: None	Creating an AZW3 ebook from .docx file Hi, Probably the most basic of questions and I've been trying to resolve it since yesterday. The last time I looked at code was in the MySpace and Dreamweaver age. I really need some help. I have images within an eBook which are on their own page (page break) and they need to take up the full screen. I understand how width specification has been disabled through Kindle, so I assume I can only specify height. I've found this so far which made sense to me https://www.mobileread.com/forums/sh...d.php?t=313795. I added this code to my html file - image 1 I'm supposed to add something to the CSS file (image 2) but I'm looking at it and the code would go into block 8 but what do I input? Thanks in advance Attached Thumbnails

10-11-2019, 07:44 AM	#2
pdurrant The Grand Mouse 高貴的老鼠 Posts: 73,773 Karma: 315126578 Join Date: Jul 2007 Location: Norfolk, England Device: Kindle Oasis	You've included the image twice in the body. Replace the entire body (from, and including, <body> to, and including, </body>) with Code: <body class="full-page-image"> <div class="full-page-image"> <img alt="Map" src="../images/00004.jpg" class="full-page-tall"/> </div> </body> and add the following the CSS file: Code: body.full-page-image { margin:0; padding:0; } div.full-page-image { margin:0; padding:0; text-align:center; } img.full-page-tall { margin:0; padding:0; height:100%; width:auto; max-width:100%; }

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
AZW3 to DOCX - Non-breaking Spaces	retiredbiker	Conversion	4	09-25-2019 10:53 PM
Change .docx source file from eBook	Margrave	Editor	1	02-15-2019 04:46 PM
How to turn an ePub/InteractivePDF/Docx file into a standalone eBook APP?	danrojest	ePub	13	01-12-2017 09:13 AM
AZW3 to DOCX Conversion fine except for some Graphics	drdancm	Conversion	3	06-02-2015 12:29 AM
Problem with creation of ToC from docx to azw3	Matak	Conversion	3	03-28-2014 07:35 PM

10-11-2019, 04:50 PM	#4
pdurrant The Grand Mouse 高貴的老鼠 Posts: 73,773 Karma: 315126578 Join Date: Jul 2007 Location: Norfolk, England Device: Kindle Oasis	Use Sigil to create an ePub that passes ePubCheck, and then use that as the input to Kindle Previewer. Until you have complete and valid HTML/CSS, you'll continue to have problems.

Advert