MobileRead Forums - View Single Post

DreamWriter · 04-04-2011, 06:26 PM

Kratos, thanks for testing my .mobi sample file and letting me know that it works okay for you! I was working on the chapter heading problem for hours this morning, and I'm a bit burned out (as you can imagine), so it helps to have several pairs of eyes looking at it.

And, no, I'm not a very experienced coder. Everything I know, I have learned online and from books. I know for a fact that my HTML isn't 100% technically correct. It was hobbled together as I was learning, and if I had it to do over again, I'd do a better job on the website and other projects, but it seems to work okay.

(I did all the coding by hand, not using any website creation program.)

The H1, H2, H3, H4 tags really just set the size of the headings relative to the text size. I chose H4 only because I liked that size with the star/line graphic and the subtitle (which I have set as H3). You can leave your titles as H1.

Before you make any changes, be sure to back up your original HTML (and Word file) in case things get messed up!

First, be sure to choose HTML filtered when you save as HTML from Word, as it's a bit cleaner. Once you have the HTML code that was generated from the MS Word file, you would insert this just before each chapter:

Code:

<mbp:pagebreak />

Immediately after that, I have:

Code:

<a name="Chapter1" /><H4 class="CHAPTERTITLE">Chapter 1</H4>

(Actually, you can ignore the class="CHAPTERTITLE" part of it. Yours will read:

Code:

<H1>Chapter 1</H1>

I had several styles for my H4 headings, but you'll probably have only one for your H1, so you don't need to specify a class.)

It's been quite a while since I worked with HTML that was freshly created from MS Word, but I remember that even the "filtered" HTML is quite a mess! But somewhere in there, I believe there is reference to a style for H1. It's probably near the top of the HTML code, somewhere between <HEAD> AND </HEAD>. It may look something like this:

Code:

<STYLE>
H1 {text-align:center; font:normal;.......}
</STYLE>

You want to add this in there:

Code:

page-break-before:always;

I put it at the beginning, so it would go right before text-align:center; -- just to the right of the opening { bracket.

That's really all you need to do. I hope it works for you!

The only other thing I should mention again is that I do not have any <div> and </div> tags in the HTML around the chapters. MS Word may insert those into the HTML automatically. If so, you can keep the <div> tags and see if it works. But if it doesn't work, that could be why.

I hope that helps!

04-04-2011, 06:26 PM	#22
DreamWriter Books are brain food. Posts: 2,950 Karma: 4836916 Join Date: Nov 2010 Location: U.S. Device: Paperwhite · Fire HD6/HD8/HD10 · Galaxy Tab A7	Kratos, thanks for testing my .mobi sample file and letting me know that it works okay for you! I was working on the chapter heading problem for hours this morning, and I'm a bit burned out (as you can imagine), so it helps to have several pairs of eyes looking at it. And, no, I'm not a very experienced coder. Everything I know, I have learned online and from books. I know for a fact that my HTML isn't 100% technically correct. It was hobbled together as I was learning, and if I had it to do over again, I'd do a better job on the website and other projects, but it seems to work okay. (I did all the coding by hand, not using any website creation program.) The H1, H2, H3, H4 tags really just set the size of the headings relative to the text size. I chose H4 only because I liked that size with the star/line graphic and the subtitle (which I have set as H3). You can leave your titles as H1. Before you make any changes, be sure to back up your original HTML (and Word file) in case things get messed up! First, be sure to choose HTML filtered when you save as HTML from Word, as it's a bit cleaner. Once you have the HTML code that was generated from the MS Word file, you would insert this just before each chapter: Code: <mbp:pagebreak /> Immediately after that, I have: Code: <a name="Chapter1" /><H4 class="CHAPTERTITLE">Chapter 1</H4> (Actually, you can ignore the class="CHAPTERTITLE" part of it. Yours will read: Code: <H1>Chapter 1</H1> I had several styles for my H4 headings, but you'll probably have only one for your H1, so you don't need to specify a class.) It's been quite a while since I worked with HTML that was freshly created from MS Word, but I remember that even the "filtered" HTML is quite a mess! But somewhere in there, I believe there is reference to a style for H1. It's probably near the top of the HTML code, somewhere between <HEAD> AND </HEAD>. It may look something like this: Code: <STYLE> H1 {text-align:center; font:normal;.......} </STYLE> You want to add this in there: Code: page-break-before:always; I put it at the beginning, so it would go right before text-align:center; -- just to the right of the opening { bracket. That's really all you need to do. I hope it works for you! The only other thing I should mention again is that I do not have any <div> and </div> tags in the HTML around the chapters. MS Word may insert those into the HTML automatically. If so, you can keep the <div> tags and see if it works. But if it doesn't work, that could be why. I hope that helps! Last edited by DreamWriter; 04-04-2011 at 06:32 PM.