MobileRead Forums - View Single Post

writerkit · 04-05-2013, 11:18 PM

Sorry my suggestions didn't work for you. I've done a little more investigating for you.

I just ran your sample through the W3 validator (after moving the </head> tag to the correct position before <body>), and it returned 3 errors. Below is a cut and paste, except that I've added these brackets [] around the portions of the tags that are displayed in RED on the results page, indicating where the error lies:
____________

Validation Output: 3 Errors

Error Line 7, Column 7: required attribute "type" not specified

<style[>]

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

Error Line 49, Column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

<div class=[B]ook>BOOK TITLE</div>

Error Line 51, Column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified

<div class=[C]hapter>CHAPTER TITLE</div>

_____________________

I added the correct type attribute to your style tag:

<style type="text/css">

And enclosed your HTML class tags in quotes:

<div class="Book">

<div class="Chapter">

and the sample validated perfectly.

I then converted the sample to AZW3 in Calibre, and viewed it in Calibre's viewer (I don't have a Kindle).

Both "Book Title" and "Chapter" are in bold. There is a 4-centimeter (1-1/2 inch) margin between "Chapter" and the latin text paragraph.

So as the next thing to try, I suggest you enclose your HTML class tags attributes in straight quotes, as I did, and see if that helps.

I also strongly recommend making all your measurements consistent. Use pt or em, but do it across the board. Good luck to you!

04-05-2013, 11:18 PM	#8
writerkit Enthusiast Posts: 27 Karma: 10 Join Date: Mar 2013 Device: none	Sorry my suggestions didn't work for you. I've done a little more investigating for you. I just ran your sample through the W3 validator (after moving the </head> tag to the correct position before <body>), and it returned 3 errors. Below is a cut and paste, except that I've added these brackets [] around the portions of the tags that are displayed in RED on the results page, indicating where the error lies: ____________ Validation Output: 3 Errors Error Line 7, Column 7: required attribute "type" not specified <style[>] The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element. Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>. Error Line 49, Column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified <div class=[B]ook>BOOK TITLE</div> Error Line 51, Column 12: an attribute value specification must be an attribute value literal unless SHORTTAG YES is specified <div class=[C]hapter>CHAPTER TITLE</div> _____________________ I added the correct type attribute to your style tag: <style type="text/css"> And enclosed your HTML class tags in quotes: <div class="Book"> <div class="Chapter"> and the sample validated perfectly. I then converted the sample to AZW3 in Calibre, and viewed it in Calibre's viewer (I don't have a Kindle). Both "Book Title" and "Chapter" are in bold. There is a 4-centimeter (1-1/2 inch) margin between "Chapter" and the latin text paragraph. So as the next thing to try, I suggest you enclose your HTML class tags attributes in straight quotes, as I did, and see if that helps. I also strongly recommend making all your measurements consistent. Use pt or em, but do it across the board. Good luck to you!