Quote:
Originally Posted by eggheadbooks1
I should add the problem isn't with the horizontal images, it's with the vertical ones. In iBooks they were ballooning to the full screen size instead of 50% as coded. I don't get it. The img tags of "vertical" and "horizontal" were for the other devices, whereby if you don't set the size in the image tag the images balloon up to their pixel dimensions; they're not shrunk to fit the screen. I assumed eBooks would read the div in the CSS that limited the vertical images to 50%, but it isn't happening.
Problem is, I don't have an iPad or Mac to test on, which is why I really didn't want to do this to start with. And what started out as "Okay, no images" turned into "Couldn't we try just a few?" to "The [vertical] images are too big" but no real explanation as to what that means. Sigh.
|
So...you can't SEE the issues? Only your client can? Sweet baby Jesus. That's a nightmare.
Yes, I mean nested divs. You really need TWO divs, and, occasionally, a tag of 100% on the image as well. You set the original width on the first div--say, 50%; you set the second div to 100% of the first div, and the image to 100% of that. (I think we've also done 100-50-100, and IIRC, that works as well. Not counting 1st gens, which
still have that bloody problem with images floating left at the top of the page will be overwritten with text.)
When iBooks was in its early incarnations, and iPads were 1st-gen, we on occasion used one div, a paragraph, AND an image tag--but it's really the same thing. Two containers, one image. Is it the spec? Hells, no, but that's Apple for you.
Hope that helps.
Hitch