I'm helping a friend of mine making an epub from the kf8-original. (I have simply used kindleunpack to create the epub.)
(They are a non-profit organization and will make their book free for a couple of days at Amazon and would also like to have an epub offering for those not comfortable with Calibre & Alf.)
While doing this he asked if we could change some things.
There are a couple of sequences where there is a short instruction (text) and then several smallish images showing what to do. One example I'm looking at right now has 14 images.
They are now all showed in a long vertical line.
He asked if it was possible to have them beside one another.
I know enough about epubs to make my own from my documents, and have edited a few I have bought and converted from Amazon, but nowhere near enough.
I use Sigil.
Is it possible to have the images shown besides each other, if possible it would be more images on each row on devices with higher resolutionen.
I have played around with "float" to mix text and one image. Is it "float" to use for putting more than one image besides each other or are there better ways?
Another option would be for them to re-create the images, and thus making one new image that consists of 2-3 of the current smaller ones.
The images varies in size but are around 400x600.
The current code to show them look like this:
<p class="C272"><a id="id_20"></a><img alt="" height="145" src="../Images/image00156.jpeg" width="141" /></p>
<p class="C272"><a id="id_24"></a><img alt="" height="245" src="../Images/image00160.jpeg" width="146" /></p>
Ideas, advice, thoughts?