Quote:
Originally Posted by RbnJrg
In old Kindle devices you have to use pixels and not percentages in images. But even so, is very few what you can do with images in those devices. I doubt you can get what you want in Kindle 1 and Kindle DX by using only one image and pure css. The only thing I can think right now (and could work for .mobi), is that you should use a whole image for the ornaments and the text "Chapter 2". And also you should use media queries in order to not to alter the code for the .kf8 format (that is, you should write some code only visible for .kf8 and some code only visible for .mobi). It's not difficult but either very easy if you don't understand what I writing 
And regarding small-caps, you have to use "fake" small-caps in older Kindle devices. Do a search in this forum about that subject and you'll find a lot of info. Read the Kindle Publishing Guidelines regarding media-queries and the supported html tags and css styles for new and old Kindles. |
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