Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > Kindle Formats


Thread Tools Search this Thread
Old 05-17-2012, 11:50 AM   #1
Junior Member
bwdrennan began at the beginning.
Posts: 3
Karma: 10
Join Date: Apr 2012
Device: HTC Evo Shift 4g
Question Uneven Space, Horizontal Rule, Kindle for iOS


Can you help work out a problem?

This is occurring on Kindle for iOS v3.0.1, on iPod Touch running iOS 5.1.1, which should behave the same as an iPhone.

With an h2 headline sandwiched between upper and lower horizontal rules, there is a small space between the headline and the upper rule, and a large space between the headline and the lower rule. This mismatch looks awkward. I would like the spaces to be the size of the smaller spaces, and be even.

I'm convinced that this issue is related to the way the Kindle app renders the tag "hr," because with the rule at the top of the screen, there is also an awkward and unwelcome space above the upper rule.

This renders as desired, with equal space above and below, on Kindle for Android v3.5.1.1 running on Android 2.3.3., and on (basic) Kindle running v4.0.

Developer info (referenced by Amazon in the current "Publishing Guidelines," in the information about the tag "hr") states that Mobipocket does not support the attribute "style" for the tag "hr."

With this HTML:

<hr class="rdrule" />
<h2>Headline Text</h2>
<hr class="rdrule" />

CSS for h2 is:

h1, h2, h3, h4, h5, h6 {
hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
page-break-after: avoid;
adobe-hyphenate: none;
margin-top: 0;
margin-bottom: 0;
padding: 0;
text-align: left;

Already tried this (apparently not supported anyway):

.rdrule {
height: 5px;
color: #ee2742;
background-color: #ee2742;
margin-top: 0;
margin-bottom: 0;
padding: 0;
} /* red rule */

and already tried deleting the attribute "class" from the hr tag and adding this in the style sheet:

hr {
margin: 0;
padding: 0;

According to the above Mobipocket developer info, any solution that relies on a style should be ineffectual.

When I added a top margin of 70px to the h2, it rendered with large, even spaces above and below, but I would like to have small, even spaces. Plus, that rendered on other two devices with uneven spaces.

When I added a bottom margin of -50px to the h2, it had no impact on the iPod, nor on the Kindle, and rendered illegibly on the Android device.

Any solutions available that look good on all devices?

bwdrennan is offline   Reply With Quote

bug, horizontal rule, hr tag, ios, kindle

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Iptables Rule to Block Amazon access to kindle 4 non-touch x64 Kindle Developer's Corner 9 11-01-2012 11:04 AM
Bargain (Kindle) Wizard's First Rule (The Sword of Truth) by Terry Goodkind ($2.99) arcadata Deals, Freebies, and Resources (No Self-Promotion) 0 06-01-2011 09:36 AM
How do I centre a horizontal rule? AlexBell ePub 12 10-06-2010 04:09 AM
Calibre adds horizontal rule before chapters K-Thom Calibre 3 08-01-2009 05:46 PM

All times are GMT -4. The time now is 08:46 AM. is a privately owned, operated and funded community.