Thread: image caption display
View Single Post
Old 05-21-2015, 10:33 AM   #1
xmlgirl
Enthusiast
xmlgirl ought to be getting tired of karma fortunes by now.xmlgirl ought to be getting tired of karma fortunes by now.xmlgirl ought to be getting tired of karma fortunes by now.xmlgirl ought to be getting tired of karma fortunes by now.xmlgirl ought to be getting tired of karma fortunes by now.xmlgirl ought to be getting tired of karma fortunes by now.xmlgirl ought to be getting tired of karma fortunes by now.xmlgirl ought to be getting tired of karma fortunes by now.xmlgirl ought to be getting tired of karma fortunes by now.xmlgirl ought to be getting tired of karma fortunes by now.xmlgirl ought to be getting tired of karma fortunes by now.
 
Posts: 29
Karma: 496864
Join Date: Mar 2012
Location: Virginia
Device: none
image caption display
In ADE the caption seems to determine the width of the DIV in which the image is placed
https://xmlgirl.tinytake.com/sf/MTY0NDczXzEwMzUyNzA

I want it do display like it does in Calibre - wrapping under the width of the image
https://xmlgirl.tinytake.com/sf/MTY0NDc1XzEwMzUyNzI


<div class="fig">
<img alt="Philippine damage.jpg" src="../Images/Philippine%20damage_fmt.jpeg" />

<p class="caption">Damage from Typoon Haiyan in the Philippines</p>
</div>

div.fig {
margin: 0 0 1em 1em;
display: table;
float: right;
page-break-inside:avoid;
}

div.fig p {
display:table-caption;
caption-side:bottom;
text-align: center;
margin-top:2px;
font-size: 0.75em;
font-family:Verdana, sans-serif;
}

Is display: table messing me up again. Is there a better way to do caption?

Thank you!
xmlgirl is offline   Reply With Quote