[retiredbiker]

Originally Posted by Snomad

Okay, so what is the proper code block? Using the insert image function automatically generates the <img alt="Image" src="Image01.jpg" /> code inside the text which I thought was all that was needed, as it shows up fine in book viewer after saving it.

OK just to give an example, for most images in old magazines (pulp fiction type thing) I use this simple scheme:

<p class="center">

<img alt="" src="Pictures/img-2.jpg" class="widepic"/>

</p>

Where in the css:

.center {
  text-align: center;
  text-indent: 0;
  margin: 0.5em 0 0.5em 0;
}
.widepic {
  height: auto;
  width: 98%;
}

And I sometimes use a .narrowpic class where width: 50% if there are small images.

If you want a full-page image put in, like an alternate cover, use the Insert Image tool with "Full page image" and "Preserve aspect ratio" checked -- that will get you a nice svg wrapper. Of course, alternate covers have to be in some file that is NOT marked as cover, as theducks said.