What's new
Apple iPad Forum 🍎

Welcome to the Apple iPad Forum, your one stop source for all things iPad. Register a free account today to become a member! Once signed in, you'll be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

How to solve EPUB rendering issue on iBooks

James Vasanth

iPF Noob
Joined
May 15, 2013
Messages
2
Reaction score
0
Location
Chennai
Please refer the attachment.

I have created a sample EPUB3 ebook in which box content not displayed properly and box displayed as two separate boxes on iBooks.

Kindly guide me how to solve this issue. Is this a bug of iBooks?
Note: Same issue occur on portrait mode.

Codes used:

HTML
-----
<p class="image1"><img src="../images/p29.jpg" alt=""/></p>
<p class="h2c">Being back ... childhood. </p>

CSS
----
.image1
{
font-size: 100%;
margin-top: 1em;
margin-bottom: 2em;
margin-left: 0em;
margin-right: 0em;
text-align: center;
text-indent: 0em;
}

.h2c
{
margin-top: 1em;
margin-bottom: 0.5em;
margin-left: 3em;
margin-right: 0em;
text-align: left;
width:350px;
text-indent: 0em;
font-family:sans-serif;
background-color: #FFDF00;
border-top-right-radius:1em;
padding:0.5em;
display:block;
}
 

Attachments

  • Box splitted as two portion.png
    Box splitted as two portion.png
    351.7 KB · Views: 487

Most reactions

Latest posts

Top