Quote:
Originally Posted by GraciousMe
This is how I do images, taken directly from the "Quick and dirty EPUB".
<div class="ic">
<h3 title="Figure 1"><img alt="" src="../Images/figure_1.jpg"/></h3>
<p class="caption">Figure 1: some text</p>
</div>
However, I think there is too big a distance between image and caption. How to get them closer?
This is my CSS:
.ic { page-break-inside: avoid; }
.caption { font-size: 0.9em; text-align: center; text-indent: 0;
margin-bottom: 1em;}
|
.Figure1 {margin: 0; padding: 0; } ?
Remember things are inherited from the parent. If you use the property inspector ( in splitview) you should be able to see the computed values for each object (and make adjustments
)