View Single Post
Old 03-28-2011, 09:06 PM   #1
lindsayw
Author from pBook days
lindsayw is clearly one to watchlindsayw is clearly one to watchlindsayw is clearly one to watchlindsayw is clearly one to watchlindsayw is clearly one to watchlindsayw is clearly one to watchlindsayw is clearly one to watchlindsayw is clearly one to watchlindsayw is clearly one to watchlindsayw is clearly one to watchlindsayw is clearly one to watch
 
lindsayw's Avatar
 
Posts: 49
Karma: 10782
Join Date: Mar 2011
Location: Australia
Device: Kindle-3-Keyboard; 8" Android Tablet
Question How to "float" illustrations correctly?

I'm nearly at the end of converting several p-books, using all xhtml for proper re-flowable content but, wouldn't you know it, ONE book is causing a headache. All of them have gfx, but all are logos, so sit in a centered <div> and don't involve any text-wrapping. This one book has a small illustration about one paragraph of text high, and I want to wrap the text around it to the right. I know that the "align" element of the <img> tag has been deprecated, so I have been careful to use the css "float:left;" command instead... it works in software Readers or in a normal Browser, but not on a Kindle (after converting the ePub file to MOBI).

Is this a known problem? Am I just beating my head against the wall here? It would be so easy to simply center the illustration and not use any text-wrap, but one tends to get a bit bloody-minded about glitches like this... it SHOULD work! It ain't rocket science.
lindsayw is offline   Reply With Quote