View Single Post
Old 10-11-2012, 09:25 AM   #2
theducks
Well trained by Cats
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 29,804
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
Quote:
Originally Posted by GraciousMe View Post
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 )
theducks is offline   Reply With Quote