MobileRead Forums - View Single Post

rosshalde · 11-21-2014, 10:15 PM

I took this from Pablo's "Quick and Dirty Guide".

<div class="ic">
<h3 title="Figure 1"><img alt="" src="../Images/figure_1.jpg" /></h3>
</div>
and CSS
.ic { page-break-inside: avoid; }

My questions are:
1) When I am inserting 100 pics in a book, is it actually necessary to use the <div class="ic">...or can I just define h3 in the CSS at text-align:center and ditch the whole <div>. I am only asking as it will cut down on the copy/paste time if I can leave out two extra lines/picture
2) I don't understand the ".ic" definition. I don't see how it tells the image to be centered. It seems to tell the image and caption to stay together if there is one.

11-21-2014, 10:15 PM	#1
rosshalde Zealot Posts: 142 Karma: 10 Join Date: Jun 2014 Device: nook	appropriate way to insert pics? I took this from Pablo's "Quick and Dirty Guide". <div class="ic"> <h3 title="Figure 1"><img alt="" src="../Images/figure_1.jpg" /></h3> </div> and CSS .ic { page-break-inside: avoid; } My questions are: 1) When I am inserting 100 pics in a book, is it actually necessary to use the <div class="ic">...or can I just define h3 in the CSS at text-align:center and ditch the whole <div>. I am only asking as it will cut down on the copy/paste time if I can leave out two extra lines/picture 2) I don't understand the ".ic" definition. I don't see how it tells the image to be centered. It seems to tell the image and caption to stay together if there is one.