The way to do this that will works on both iBooks (which has its own funky interpretation of the standard) and ADE is to do the following:
css:
div.keeptogether {
display: inline-block;
text-align: center
}
xhtml:
<div class="keeptogether">
<a id="pic1"/><audio src="sons/1.m4a" controls="true" autoplay="false"/>
<svg width="100%" version="1.1" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg" height="90%" viewBox="0 0 [image width] [image height]" xmlns:xlink="http://www.w3.org/1999/xlink">
<image width="[image width]" height="[image height]" xlink:href="images/big1.jpg"></image>
</svg>
</div>
replace the sections in red with the width and height of the image in pixels.
|