User`s guide
Publishing on Kindle: Guidelines for Publishers
div.rightPage {
position: absolute;
background-repeat: no-repeat;
height: 600px;
width: 512px; /* 1 x screen width /
margin-left: 512px; /* this value equals the value of the left side image width */
}
4.4.2 Positioning Text Blocks
Specify the proper position and font size using percentages. This allows the position to scale consistently
at different resolutions, ensuring compatibility across a wider range of devices and screens. Each
paragraph should be grouped within a single <div> element, with multiple lines broken by <br/>
elements. If custom line spacing is required, assign this via CSS style declarations instead of adding extra
markup such as multiple <div> containers or extra line break tags.
The example in section 4.2.2, Requirement #2: Using Region Magnification (Pop-ups), expands on the
two-page spread example and illustrates how to place text on top of a background image: text is
positioned within a fixed spread block, uses percentages for the margin attribute, and is aligned and
spaced via CSS.
4.4.3 Aligning Text
By default, text aligns to the upper left corner of the containing HTML element. Many books may have text
that is right-aligned, bottom-aligned, or justified. The easiest way to identify the alignment is to imagine an
outline around the text and identify which edges of the paragraph are associated with a margin (top, left,
right, bottom). If the alignment is unclear, use the default upper left, although this makes positioning of the
magnified element more difficult.
Never use non-breaking space ( ) characters for text alignment. Instead, use CSS top, right,
bottom and left to position <div> elements that contain absolutely positioned text. Use two adjacent
sides to position each <div> element. For example, top and left but never top, left, and bottom. CSS
text-indent and line-height are useful in aligning text within HTML block elements.
5 Creating Fixed-Layout Graphic Novels/Manga/Comics
Graphic novels, manga, and comics (hereafter referred to as graphic novels) are similar to children’s
books, but present a unique challenge because they tend to be longer and have more complex content.
Graphic novels include a large amount of detail in images that displays on a 1920 x 1200 screen. To
overcome this and other accessibility concerns, Amazon encourages the use of customized content and
our Kindle Panel View feature, which optimizes the content for a high-resolution reading experience.
When designing for graphic novels, the following generic fixed-layout requirements also apply:
Metadata Fields Supporting Fixed-Layout Books 5.1
The OPF file specifies metadata necessary for fixed-layout books. For a demonstration, see the Graphic
Novel example at www.amazon.com/kindleformat
(under the KindleGen Examples heading).
Metadata
Description
Layout can be specified using one of the
following metadata fields:
1) <meta property="rendition:layout">pre-
paginated</meta>
Required. Identifies the book as having a
fixed layout.
Valid values for rendition:layout
metadata are reflowable or pre-
Kindle Publishing Guidelines Amazon.com 40