Pictures in eBook.

[apoiata]

What is the best way to format pictures?

I use this code

<figure>
<img src="../Images/image002.jpg" alt="links/menashe.jpg"/>
<figcaption>Menashe people with Rabbi Avichail (right)</figcaption>
</figure>

but I think figure-tag isn't acceptable in epub2 format.

[Jellby]

No, and that alt attribute is garbage. The content of the alt attribute is supposed to be some text to display (or read aloud) when whe image cannot be displayed. A safe and often the best option is to just leave it empty, so:

<div class="figure">
<img src="../Images/image002.jpg" alt=""/>
<p class="figcaption">Menashe people with Rabbi Avichail (right)</p>
</div>

and style div.figure and p.figcaption as you wish with CSS, for example:

div.figure {
  text-align: center;
  margin: 1em 0;
}
p.figcaption {
  text-indent: 0;
  font-size: 80%;
  margin-top: 0.5em;
}

[Notjohn]

My style for images:

div.image {
text-align:center;
margin-bottom: 0.25em;
}

For captions:

div.caption {
margin-bottom: 1em;
text-align:center;
font-style:italic;
}

A typical image page:

<div class="image" id="disc">
<img alt="Sony Data Discman" src="../Images/discman.jpg" width="100%"/>
</div>

The "alt" is primarily for sight-impaired readers using a device with read-aloud feature. It is polite to say what's in an image.

I try to avoid captions, preferring to put the information in the preceding paragraph.

[fbrzvnrnd]

Actually I prefer to give to the img the 100% of the parent, and use a % for the div container, using the margin-left/right to adjust the align.