MobileRead Forums - View Single Post

indieauthor83 · 03-07-2015, 03:36 AM

Hi,

I've created a mobi file that I'm really happy with it, but I'm having trouble with my headers. Here's my html code:

<div style="page-break-after:always">
<p align="center">
<a name="whatisconfidence">
<img src="meonbeach.jpg" border="0" height="433" width="247"/></a></p></div>
<p><h2>What is confidence?</h2>

Just to point out, I only added the 'page-break-after:always' because the image was appearing on a seperate page. But it still hasn't made a difference.

I basically want the above image to appear on the same page as the H2 header. But by default the H2 header starts at the top of the screen on a seperate page. So my image that I want to appear at the top of the screen before the header, now is alone on it's own page, looking out of place.

Can anyone help me with this?

Thanks in advance

Zoe

03-07-2015, 03:36 AM	#1
indieauthor83 Enthusiast Posts: 30 Karma: 10 Join Date: Feb 2015 Location: UK Device: kindle fire hd	Problems with headers can anyone help? Hi, I've created a mobi file that I'm really happy with it, but I'm having trouble with my headers. Here's my html code: <div style="page-break-after:always"> <p align="center"> <a name="whatisconfidence"> <img src="meonbeach.jpg" border="0" height="433" width="247"/></a></p></div> <p><h2>What is confidence?</h2> Just to point out, I only added the 'page-break-after:always' because the image was appearing on a seperate page. But it still hasn't made a difference. I basically want the above image to appear on the same page as the H2 header. But by default the H2 header starts at the top of the screen on a seperate page. So my image that I want to appear at the top of the screen before the header, now is alone on it's own page, looking out of place. Can anyone help me with this? Thanks in advance Zoe