Quote:
Originally Posted by st_albert
Well, Elizabeth Castro's blog and her book "EPUB Straight to the Point" are very good resources regarding the quirks of iBooks and iPad. I'd recommend the book even if you don't have problems with iBooks.
Might help if you put the markup in CSS and add the !important modifier, thus:
Code:
width: 40% !important;
|
Thanks, that's the one thing I haven't tried so far. But to make it even more confusing I have tried putting another image in place of the one that insists on taking full width (using exactly the same markup), and that second image behaves as expected. But when I put the first image back it still insists on spreading to full page width. Perhaps it's something intrinsic to that image, but I can't see how. The image that misbehaves is square, and the other one is not. But that explanation doesn't make any sense at all.
I have Elizabeth Castro's book both as an ebook and as a print book, and I agree that it's an excellent book. But I'm not convinced that her explanation for non-centering paragraphs is correct; I have several ebooks where centred paragraphs behave the same on an iPad as they do on my Sony, even though they have other markup (eg font-size) in the same class. And I have seen several occasions where the same markup works well in one iPad/iBooks ebook and insists on being flush left in another. I admit that the span hack brings it back to being centered.
This is almost as much fun as we had in the olden days in getting websites to behave the same on different browsers.