Originally Posted by grannyGrumpy
Finally got free time while the library is open, so I can post!
I have been compiling illustrated ePubs, and it seems like the only way I can be sure the caption doesn't get orphaned on a new page is to make it part of the actual image. Sadly, on my Sony reader, the text looks rather degraded (I'm using PNG images, but assume the reader converts to JPEG.)
I would be so happy to learn of a way to make a text caption always stay with the image --- I have tried putting both in a DIV with pagebreak-inside: avoid, but haven't had 100% success.
Does anyone have a better method to suggest?
Thanks for any input.
One thing that comes to mind:
Scale the images smaller than the Screen height minus ALL margins+caption
Set the image as background-image (Break out the ol'e CSS guide
and place the caption over the bottom (as normal text)