MobileRead Forums - View Single Post

lindsayw · 03-28-2011, 08:06 PM

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.

03-28-2011, 08:06 PM	#1
lindsayw Author from pBook days Posts: 49 Karma: 10782 Join Date: Mar 2011 Location: Australia Device: Kindle-3-Keyboard; 8" Android Tablet	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.