Quote:
Originally Posted by brinded
Dale,
Thanks for moving post and for response.
I'd hoped to keep text alongside photo - the same way it appears in mobi, print, and ePub as originally exported from Pages (see attached). For some reason, this problem has only arisen since opening in Sigil. Hence choice of forum.
|
If you want the things like the picture you attached in your post of above, then do the following:
1. In you .html file you have:
Code:
<p class="s8"></p>
<div style="display:inline-block;vertical-align:baseline;width:38.462%;">
<span class="c17"><img alt="image5.png" src="../Images/image5.png" style="width:100%;" /></span>
</div>Place de la Résistance, Brussels
<p class="s8"></p>
You must change things a bit; instead of the previous code, use the following (very similar):
Code:
<div style="display:inline-block;vertical-align:baseline;width:38.462%;margin-right:1em">
<span class="c17"><img alt="image5.png" src="../Images/image5.png" style="width:100%;" /></span>
</div>
<p class="s8">Place de la Résistance, Brussels</p>
Also, in your .css stylesheet, modify the .s8 style by adding the property "display: inline;". You should have:
Code:
.s8 {
display: inline; /* new property */
color: #000000;
font-size: 90%; /* also modify the font size */
font-style: italic;
font-variant: normal;
font-weight: normal;
letter-spacing: 0.0000em;
margin-bottom: 0.0000%;
margin-top: 0.0000%;
padding-left: 0.0000%;
padding-right: 0.0000%;
text-align: left;
text-decoration: none;
text-indent: 0.0000%;
text-transform: none;
}
Do the same with all the pictures in your epub. That should fix your problems
Regards
Rubén