Quote:
Originally Posted by RonOnThePond
But on a wide screen like a tablet in landscape position, I want to prevent these boxed-text-images from spanning the entire width (basically, the whole screen), jumping out in huge format, like splashing water in your face. They need to be restricted to a natural width for that situation. Full width on a phone is fine. Maybe 60-80% on a Kindle looks good. But 100% on a wide tablet is a bad experience. There are other situations with different reasons to limit the image width, but these text-box images is the most concerning one.
I hope that clarifies my situation. Thank you again for your help.
Ron
|
People will not use a tablet in Landscape mode to read an ebook. They might to read a PDF or other content where what they want to read is too small.
If your image text box is taller than wider, then something like height: 25% and width: auto will work, and be fine in landscape.
But most people would rather have the text box as text and split rather than as an image. Also if it's a summary, then start it near the beginning of a new page/new HTML file. Put a heading outside the box and and with conversion from docx to epub, that can be automatic.
Text boxes as graphics are terrible. Usability, because user font, margin and line space control is lost. Only works well on one size screen for one level of vision / user font size selection. Also you need the entire text as alt in the HTML for screen readers.