Quote:
Originally Posted by Hitch
Make it in a table. Put the text in a cell on the left; put the image in a cell on the right. Constrain the table SIZE within a div. This will be dicey at best on KF7, but, it can constrain the image size. (We do a lot of image-size manipulation, on this very issue, with things like fleurons. All those geniuses at the KDP forums going on and on and on about sizing images with percentages are completely and utterly ignoring the realities of the millions of e-ink Kindles still out there, the iOS devices AND the DX'es that are still on sale, and selling more and more to older populations.)
Your biggest issue is this: KF7 does not have ANY, repeat, ANY CSS. You have to be able to do everything you want in pure, 3.2 HTML. The only thing that will float an image right of text, in KF7, is a table (reliably, I mean). To constrain the size, you either need image fallbacks, using display and no-display, OR, try a table. Be warned, it's imperfect. BUT, you may want to give it a go.
Strongly recommend (we've made thousands of books) that you consider putting the number above the graphic element/glyph/ideogram, and use the display/no-display media queries to get what you want in KF7.
You can try to fake smallcaps using something like "font-size=80%," but be warned, that also go straight to hell on iOS and can be the dog's breakfast on LITB.
AZK is for previewing purposes only. You can't upload an AZK at KDP. You can sideload (via iTunes ONLY) an AZK to K4iOS and see what the book will REALLY look like, as opposed to sideloading a mobi, which will give you false results.
I hope this helps, although by now your eyes are probably glazing over like day-old doughnuts.
Hitch
|
But Hitch, the OP was talking about a Kindle 1! AFAIK, K1 doesn't support tables. Your idea is good, but for it we'll need a Kindle 2 or newer; with K1 I don't see any other alternative to use a full image that includes the text the OP wants.