Register Guidelines E-Books Today's Posts Search

Go Back   MobileRead Forums > E-Book Formats > Kindle Formats

Notices

Reply
 
Thread Tools Search this Thread
Old 02-04-2014, 05:29 PM   #1
gdgibson
Member
gdgibson began at the beginning.
 
Posts: 19
Karma: 10
Join Date: Apr 2011
Device: All
Reader for Mac/PC problem

Hello, everyone. I'm hoping someone here can help me with this.

I have a book with chapters that start with illuminated letters and a paragraph of hand-drawn text that has been scanned in as a complete illustration.

For each letter, there's a "tail" that extends below the hand-drawn text for several lines into the set text.

In the print edition, the set text begins below the paragraph of hand-drawn text and wraps around this tail in a sort of sideways "L" shape.

Using the code below, I've got this working in iBooks and for KF8 (using Kindle Previewer), regardless of text size.

On Kindle Reader for Mac, however, you can change the width of the screen and the number of words per line. This means:

1. When you increase the number of words per line past a certain amount, the text begins to move up over the image of the capital. At its widest, it nearly reaches the top of the page.

2. Similarly, the vertical position of the text relative to the "tail" changes.

Is there any way to set this up so that it works in Kindle Reader for Mac/PC and for mobile devices?

Thanks in advance! This forum is the greatest!


Code:
...
	<style type="text/css" media="not amzn-mobi">
		div.capital {
			float:left;
			margin-bottom:-45%;
			margin-right: 100%;
			margin-left: 5%;
			max-width: 100%;
		}
		span.spacer {
			float: left;
			max-width: 100%;
			height: 0em;
			margin-right: 20%;
			margin-bottom: 33%;
		}
	</style>
...
	<body id="Dilemma" xml:lang="en-US">
<div style="page-break-inside:avoid;">
<div class="capital">
<img style="max-width:100%;height:100%;" src="image/Sideways-L_fmt.png" alt="Sideways L" />
</div>
<p class="p">
<span class="spacer">
<img src="image/spacer.gif" alt="spacer" />
</span>
Lorem ipsum ...</p>
</div>
<div>
			<p class="p">Lorem ipsum ...</p>
Attached Files
File Type: epub Dilemma.epub (16.5 KB, 109 views)
File Type: mobi Dilemma_2014-02-04_17-19-48.mobi (336.6 KB, 97 views)
gdgibson is offline   Reply With Quote
Reply


Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Mac Crashing Problem Neil Calibre 9 12-26-2010 05:46 AM
Mac users that are Reader owners, help a new Mac owner AnemicOak Sony Reader 8 06-12-2010 04:36 PM
reader library problem on Mac wwilson Sony Reader 2 04-06-2010 03:54 PM
Am I the only noob with this MAC problem? Maggy iRex 7 11-14-2008 12:52 PM
Mac Os X problem with .86 Mitchll Calibre 3 09-24-2008 06:47 PM


All times are GMT -4. The time now is 01:23 PM.


MobileRead.com is a privately owned, operated and funded community.