Me again!
I’m doing some QA on our EPUBs, and am noticing that the figures in this text are placed with <div> tags rather than <figure> tags (and, for that matter, the figure caption is set with a <p> tag rather than the <figcaption> element).
The code looks like this:
<div class=”figure” id=”f00_001″>
<div class=”imgscaler-100″> </div>
<p class=”figcaption”>
<b>Figure 0.1</b> Wilhelm von Osten training his stallion, Clever Hans.
</p>
</div>
I’m thinking it should look like this:
<figure id=”f00_001″ class=”imgscaler-100″>
<figcaption class=”figcaption”>
<b>Figure 0.1</b> Wilhelm von Osten training his stallion, Clever Hans.
</figcaption>
</figure>
When I do this, though (or even when I wrap the whole shebang in <figure> tags), the figure no longer scales properly. Clearly, writing the code this way doesn’t jive with the CSS somehow.
So my questions are: is it okay to use <div> for figures, as in the first example above? And if not, what do I need to tell my conversion house to sort it out?
January 13, 2023 at 12:14 pm
|