[Tex2002ans]

Originally Posted by Hitch

If you get cute about it, you can make the entire top of your page, full-width, left-to-right, the image and that works mostly. Is it ideal, when someone opens said book on a SMALL smartphone? No, but it works, nonetheless. I would strongly recommend, though, that if the two can be extracted from each other--the number and the image--that you do so and stack them. That's my best recommendation.

Originally Posted by Hitch

Then slap that sucker in the code, stacking at the upper edge of the first "page" of the chapter (the top of the chapter's html file, IOW, right?) and that works okay. Is it FANtastic? No, but it works okay 99% of the time. If you just GOTTA have the original chapter head layout.

And then make sure to use proper alt on the image so that Text-to-Speech can read it:

<div class="chapterimage">
	<img alt="Chapter 1: The Prince Arrives" src="../Images/Chapter01.png"/>
</div>

... but I still say throw that chapter-heading-image idea in the trashcan and just use normal HTML headings (<h1>, <h2>, [...])!

<h2>Chapter 1: The Prince Arrives</h2>

Originally Posted by Hitch

[...] but if you are religious with your INDD file, and always use styles and do NOT use overrides, except very, very VERY sparingly, you can export a reflowable ePUB and then dive into the code (HTML/CSS) and clean it up. It's not undoable and it's not "horrible," as long as you're clean and tidy and good about your INDD usage.

And we all know how often that is...

Originally Posted by JSWolf

This is s duplicate thread. Go to https://www.mobileread.com/forums/sh...d.php?t=336240 for the original thread where you can see the solution.

Thanks.

Soon after I answered here, I was digging through the Calibre subforum and was scratching my head, wondering how I saw the image and never saw any of those discussions when I wrote my post!

Originally Posted by BookWalker

I think I know now that it's going to not work with floating text over an image. And I don't want the ebook to look crappy depending on what device it ends up on, settings, etc.

Yep, and that's the thing, you have to remember that ebooks will be read:

• on anything from tall/skinny cellphones to huge/wide computer monitors.
• in every color font/background combination (especially Night Mode).
  
  • See my 2016, Post #22: "Problem with inline image"
• with HUGE FONT sizes.
  
  • This one alone made me shudder if you're trying to have chapter text "float" over a background image.
• in non-visual ways, like Text-to-Speech (TTS).
  
  • See my 2018 Reddit post explaining TTS differences between Dashes vs. Minus Sign.

So usually a good test with an ebook that "looks okay on the surface":

Toss that baby on a cellphone, bump up the font size a little, turn on Night Mode, then turn the phone landscape, and see if it still holds up. Most of the time, all those "fancy tricks" will break.