Quote:
Originally Posted by adv_dp_fan
Oh one question, are you putting the size constraints in the image tag or in a container around the image tag?
|
It's probably easier if I supply the CSS
Code:
div.illustration {
margin: 0 0 0 0.5em; padding: 0;
border: 1px solid black;
width: 50%;
float: right;
}
div.illustration img {
border: 0; margin: 0; padding: 0;
width: 100%;
display: inline;
}
div.illustration p {
margin: 0; padding: 0;
text-align: center;
text-indent: 0;
font-size: smaller;
} /* With thanks to Elizabeth Castro */
div.illustration+p {text-indent: 0;} /* No indent for 1st para after an illustration */
and the HTML markup
Code:
<div class="illustration">
<img src="images/ch03Luc.png"
alt="Luc and macaw"/>
</div>
Does this answer your question? This is from an ePub which works well on the Sony and the iPad/iBooks