Mobi: Back Covers

Alissa @Voices · 03-30-2012, 07:09 AM

How do most of you program your back covers?
1. <p class = ... > statements that define it an image, OR
2. <div> <a id= ...> </a> <image src= ...></<div>

The problem I am having is getting the back cover to consistently center when I convert from epub to mobi in Calibre. It seems if I open the epub in Sigil, center the image (if it is programmed per "1." above), then converted that epub through Calibre I have better success. BUT, that's a lot of steps.

Any help for this rookie?
Thanks!

Jeff L · 03-30-2012, 09:39 AM

I'm not sure what exactly you're asking.

Once you have an image file, you need to 1) point to it within the code. Then 2) apply a centering and preferably 3) a height and/or width specification as well.

How you do those three things can vary. Your two options are basically the same thing.

Here's an example from a Penguin ebook:

<div class="centerAligned">
<img alt="001" src="doyl_9781440673726_msr_cvi_r1.jpg" style="height:100%; text-align:center;"/>
</div>

This code is applying two different centering instructions. One or the other is
superfluous but it probably comes from a template that the programmer was using.

In case it isn't perfectly obvious, any classes referenced should be defined in the CSS file or in the <STYLE> section of the given page.

jbcohen · 03-30-2012, 09:42 AM

Ah, that's programming excuse me I am going to run down the hall screaming while I pull my hair out. I did that for four years and barely got out with my santity in tact.

Alissa @Voices · 04-04-2012, 09:33 PM

Thanks for the tip re just pointing to the image. If I strip all the coding in the html page, save, open the epub in Sigil and use the formatting to center the image, then save--it works. ??
Anyway, thanks for the kind replies and suggestions!

03-30-2012, 07:09 AM	#1
Alissa @Voices Junior Member Posts: 2 Karma: 10 Join Date: Feb 2012 Device: kindle, iphone, palm pre, ebook mac apps	Mobi: Back Covers How do most of you program your back covers? 1. <p class = ... > statements that define it an image, OR 2. <div> <a id= ...> </a> <image src= ...></<div> The problem I am having is getting the back cover to consistently center when I convert from epub to mobi in Calibre. It seems if I open the epub in Sigil, center the image (if it is programmed per "1." above), then converted that epub through Calibre I have better success. BUT, that's a lot of steps. Any help for this rookie? Thanks!

04-04-2012, 09:33 PM	#4
Alissa @Voices Junior Member Posts: 2 Karma: 10 Join Date: Feb 2012 Device: kindle, iphone, palm pre, ebook mac apps	Thanks! Thanks for the tip re just pointing to the image. If I strip all the coding in the html page, save, open the epub in Sigil and use the formatting to center the image, then save--it works. ?? Anyway, thanks for the kind replies and suggestions!

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
ePub or mobi back to .txt?	KDA1	Conversion	7	01-26-2012 04:44 PM
Gen3 Can you really switch back and forth between Mobi and ePub?	FizzyWater	Bookeen	13	09-30-2011 02:44 AM
the back ground color in MOBI, help!!	yuxi_kelly	Kindle Formats	3	11-27-2010 05:56 PM
Digitizing back covers.	JasonB	News	17	02-15-2009 11:26 AM
Folding Back Leather Covers	CCDMan	Sony Reader	45	04-24-2008 12:19 PM

03-30-2012, 09:39 AM	#2
Jeff L Zealot Posts: 117 Karma: 584308 Join Date: Oct 2010 Location: San Francisco Device: Kindle	I'm not sure what exactly you're asking. Once you have an image file, you need to 1) point to it within the code. Then 2) apply a centering and preferably 3) a height and/or width specification as well. How you do those three things can vary. Your two options are basically the same thing. Here's an example from a Penguin ebook: <div class="centerAligned"> <img alt="001" src="doyl_9781440673726_msr_cvi_r1.jpg" style="height:100%; text-align:center;"/> </div> This code is applying two different centering instructions. One or the other is superfluous but it probably comes from a template that the programmer was using. In case it isn't perfectly obvious, any classes referenced should be defined in the CSS file or in the <STYLE> section of the given page.

03-30-2012, 09:42 AM	#3
jbcohen Wizard Posts: 3,025 Karma: 11196738 Join Date: Oct 2010 Location: Piper College Device: Samsung A21	Ah, that's programming excuse me I am going to run down the hall screaming while I pull my hair out. I did that for four years and barely got out with my santity in tact.

Advert