eBook Notes! ===========!

Cover (cover.xml)! 600 x 800 px, name it "cover", extension png! 600 x 860 - "magic size" - try it out! Title Page (title.xml)!

! *Page-break controls*! !

Until iBooks supports the real page-break controls, you can exert a fair amount of force with one special value of the display property: inline-block. This value forces iBooks to view the affected content much as if it were one discrete item, like an image. So, if you apply display: inline-block to a div, all of the contents of that div are treated as a unit, and are kept together on a pageas much as possibleoften starting a new page in the process. It is a roundabout way of creating a page break, but its denitely better than nothing.!

! ! !

* * *! *Controlling text alignment*! Books 1.1 will pay attention to the CSS text-align property if and only if there is a second element, within the main p element, that contains the text.! 1. Contain the body text within every single p element in another element. If youre not specifying the font, use span. If you do want to specify the font, use samp, as described in iBooks and fonts. You can use the GREP expression, <p>(.*)</p> to nd all of your p elements (add the class to that expression if necessary), and then replace it with <p><samp>\1</samp></ p> or <p><span>\1</span></p>, depending on whether youre applying font family info or not.! -------------------------------------! <p><span>Here is the text.</span></p>! -------------------------------------!

2. Specify the alignment for the p elements in the CSS.! --------------------! p {text-align: left}! --------------------! If you do use samp, be sure to set the font in the CSS as well. If you use span, no extra CSS is required for the span selector.!

! **Lists**! ! <ol style="counter-reset: item 5;" start="6">! ! <ol style="counter-reset:;" start="2">! ! ! ! ! !

**Word Spacing**! ================!

! ! ! ! ! !

<p style="text-align: center; word-spacing: 1em;"><b>01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50</b></p>! ! **Adding transparency to an existing PNG**! ========================================== ! ! GIMP's Color to Alpha tool is very handy if you know how to use it, and this task seems particularly well suited for it:! 1) Open the image in GIMP, and change it to RGB color mode if necessary.! 2) Select Layer ! Transparency ! Color to Alpha...! 3) Select color to make transparent.! 4) Click "OK".! 5) Save the resulting image in PNG format.!

**Adding Color to Text**! ========================! <span style="color:red">""# $%&' ()'*+,-#!"</span>