Thread: Picture Titles
View Single Post
Old 07-03-2013, 03:02 PM   #4
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,797
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by brinded View Post
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

Last edited by RbnJrg; 07-03-2013 at 03:08 PM.
RbnJrg is online now   Reply With Quote