MobileRead Forums - View Single Post

Snowman · 10-18-2010, 06:52 PM

I've found that mobi <blockquote> will work as long as there are NO <p></p> tags within the <blockquote></blockquote> block. Use <div></div> instead (or naked lines separated by <br>).

You might want to define a ".p" class with the same characteristic as you are using for <p>, so you can state <div class="p"> to gain a pseudo-para.

This is sorta implied in the Kindle Formatting Guide in the example in the section on Nested TOC Guideline.

Also, be careful if you use 'margin- top/bottom' in the blockquote style, since the mobi/kindle reader will round any fractions up - so 1.2em becomes 2em - which is probably not at all what you wanted. Similarly, the left margin indent is 1em (implemented in the *reader*), unless the 'margin-left' setting is used, in which case the value is used as an increment in em to the pre-defined 1em indent display.

For my own purposes, I assumed 16px=1em, and found that the css definition 'blockquote{margin: 8px 0 8px 0;}' (the left margin is ALWAYS in ems) works about as well as I care to get without a lot of extra effort.

regards

Snowman.

10-18-2010, 06:52 PM	#21
Snowman Zealot Posts: 106 Karma: 3566 Join Date: Aug 2008 Location: London UK Device: iPhone 5, Kindle K3, Kindle Voyage	I've found that mobi <blockquote> will work as long as there are NO <p></p> tags within the <blockquote></blockquote> block. Use <div></div> instead (or naked lines separated by <br>). You might want to define a ".p" class with the same characteristic as you are using for <p>, so you can state <div class="p"> to gain a pseudo-para. This is sorta implied in the Kindle Formatting Guide in the example in the section on Nested TOC Guideline. Also, be careful if you use 'margin- top/bottom' in the blockquote style, since the mobi/kindle reader will round any fractions up - so 1.2em becomes 2em - which is probably not at all what you wanted. Similarly, the left margin indent is 1em (implemented in the reader), unless the 'margin-left' setting is used, in which case the value is used as an increment in em to the pre-defined 1em indent display. For my own purposes, I assumed 16px=1em, and found that the css definition 'blockquote{margin: 8px 0 8px 0;}' (the left margin is ALWAYS in ems) works about as well as I care to get without a lot of extra effort. regards Snowman. Last edited by Snowman; 10-18-2010 at 06:56 PM.