html tag broken when jump to next section in book

[toothpaste]

I use kindlegen to build some mobi file . when I jump to the next section by swiping the finger from down to up on the kindle touch screen , some html tags in the title are broken.
fox example, it's supposed to be displayed as

测试标题

but it displayed as

h1 height="0" align="center">测试标题

it's link the kindle eat up the first character "<"
but when I tuned to next page by tap the bottom right of the page, it didn't trigger it . what's more, it's also no problem in kindle preview application, and kinglegen give out no wanning when building the book.

and , this situation only happen when my book contain Chinese character. is it a bug of kindle touch or there is something wrong in my book?

I attached my opf, ncx,and the book ,any help will be appreciated, I have stuck at it for days!

in this book ,it will triggered at the page 3 or 4 and flowing pages
test.zip

[Doitsu]

Your source file contains Mobipocket tags that are no longer supported by Kindlegen and your .ncx file looked a bit strange.
I'd recommend editing your book with Sigil. The attached .epub version of your book seems to compile fine with Kindlegen.

[DiapDealer]

That's a known bug in the mobi format. Move the anchor-point which the href in the toc.ncx entry points to before (and outside of) the block element you're linking to.

If the href in the ncx is "Text/your_html_file.xhtml#chap1"... then the code at that point in the html should be something like:

<a id="chap1"></a><h1>Chapter 1</h1>

as opposed to:

<h1 id="chap1">Chapter 1</h1>

Also, this bug won't rear it's ugly head if your chapters are all separate html files. In other words, if the links in the ncx file all just point to a unique html file (with no fragment identifier in the url), this won't happen.

NOTE: I didn't get a chance to view the source to see if this is the exact problem. It just sounds very similar and the bug bites quite few people.

Originally Posted by Doitsu

Your source file contains Mobipocket tags that are no longer supported by Kindlegen

Out of curiosity, what tags are being used that kindlegen no longer supports. Most of the old mobipocket tags are still perfectly functional/valid with kindlegen, to my knowledge.

[toothpaste]

Originally Posted by Doitsu

Your source file contains Mobipocket tags that are no longer supported by Kindlegen and your .ncx file looked a bit strange.
I'd recommend editing your book with Sigil. The attached .epub version of your book seems to compile fine with Kindlegen.

Thanks for reply!

you mentioned the unsupported tags, do you mean "<mbp:nu>" ? when i compile the source file using kindlegen 2.3, it give out the warning ,but some days ago , amazon release kindlegen 2.4 , and no more warning on that tag.

i use kindlegen compile the file you attached, and delivered it to my kindle touch , that broken html tag still exist

[toothpaste]

Originally Posted by DiapDealer

Also, this bug won't rear it's ugly head if your chapters are all separate html files. In other words, if the links in the ncx file all just point to a unique html file (with no fragment identifier in the url), this won't happen.

thanks for pointing that out.

but in my case , no anchor is used in my book, and all the links are pointing to a unique html file.

[Doitsu]

Originally Posted by toothpaste

i use kindlegen compile the file you attached, and delivered it to my kindle touch , that broken html tag still exist

You're right, I just tested it on my Kindle. (It looked OK both in the Kindle app and the Kindle previewer.)

It seems that the following line in the stylesheet is causing the problems:

.item_title {
  text-align: center;
  margin: 0 auto;
  width: 70%;
}

Once I deleted it, all headings looked OK.

[toothpaste]

Originally Posted by Doitsu

You're right, I just tested it on my Kindle. (It looked OK both in the Kindle app and the Kindle previewer.)

It seems that the following line in the stylesheet is causing the problems:

.item_title {
  text-align: center;
  margin: 0 auto;
  width: 70%;
}

Once I deleted it, all headings looked OK.

CSS is new thing to me ,and i pick that lines from web...
I delete that margin line , build the book, and feeling amazing, until i swipe to page 10 from page 9 , it is broken in page 10 and the following pages.
but you say all header is OK , can you attached you file ?
i had tried to remove the css completely(remove the link rel in the <head> tag) , and still got the same.

this is my file book.mobi

[Doitsu]

I just double-checked my file on my K3 and it also has the same issue, but on the very last page, which I didn't check.
I'd recommend doing more tests with the stylesheet, since it seems to be causing the problems.
Good luck!