Quote:
Originally Posted by mrmikel
Still no joy in Mudville...increase the size to medium in the Sony Reader. It is ok on the original page, but it appears again on the following one over the text....Argh!
|
Well, I found a solution that works in ADE with ANY FONT SIZE (in Sigil looks ugly but in ADE is great).
In the stylesheet:
Code:
p {
text-align: justify;
margin: 0;
}
.parrot {
background: url(../Images/bird.jpg) no-repeat top left;
background-size: 183px 307px;
}
.box1 {
float: left;
width: 183px;
height: 195px;
}
.box2 {
clear: left;
float: left;
width: 60px;
height: 100px;
}
And in the .html file:
Code:
<p>...some text..</p>
<div class="parrot">
<p class="box1"></p>
<p class="box2"></p>
<p>...some text..</p> /* Very important: the paragraph must be short */
</div>
The epub validates at FlightCrew and Epubcheck.
Still I couldn't find a solution (for ADE, in Kindle there is no problem) for the inverse case, when the small box is the first one. ADE has bugs with the float property and I couldn't find a workaround so far.
Regards