Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 07-03-2013, 10:44 AM   #1
brinded
Member
brinded began at the beginning.
 
Posts: 11
Karma: 10
Join Date: Jul 2013
Device: iPad2
Picture Titles

Hi, I'm trying to improve the formatting of my picture titles, but not having much luck.

Attached file shows how captions are currently appearing.

Code looks like this...

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>

    <p class="s6">An unremarkable square, its outermost border was lined with oak trees. Leaves defined the seasons which otherwise would be indistinguishable in cold, gray, wet weather that persisted throughout much of the year. Between this outer ring and the paved interior lay a stretch of sand-colored dirt and gravel. On the edge sat wrought iron and wooden benches that would quickly fill on sunny days, or when withered old men wearing caps and worn jackets would gather to play “<span class="c6">balle pelote</span>” – a game whose rules and object I never knew, but it involved rolling hard, fist-sized balls on the ground toward other stationary balls. The center of the square was unadorned – no fountain, no statue – just an expanse of concrete perfect for playing hopscotch, jumping rope, or just running wild.</p>

    <p class="s6">Some of the buildings around the square, including ours, had small businesses on the ground floor – a hairdresser, a dry cleaner, and several bars with outdoor cafés; a small grocery; and a take-way restaurant. Our favorite place was the restaurant. Whenever there was a little extra cash at home my brothers and sister and I would get 5 Francs to buy a pile of “<span class="c6">frites</span>” – what Americans call “French fries.” We peered up at the counter as the fries were handed down to us wrapped in paper. If we could scare up an extra Franc, or sometimes even if we couldn’t, the <span class="c6">frites</span> would also be drenched in mayonnaise. We’d haul the whole salty, greasy package across to the square and sit on benches, oblivious to our surroundings until the last <span class="c6">frite</span> had been consumed.</p>

    <p class="s6"></p>

    <p class="s8"></p>

    <div style="display:inline-block;vertical-align:baseline;width:38.462%;"><img alt="image6.png" src="../Images/image6.png" style="width:100%;" /></div>Justice de Paix, Brussels

    <p class="s6"></p>

    <p class="s6">An imposing redbrick <span class="c6">Justice de Paix</span> [courts of justice type building] dominated Place de la Résistance. Its enormous lead glass windows overlooked the square like the watchful eyes of a god. Other buildings...
and CSS as follows:

Code:
.s8{
	color: #000000;
	font-size: 56.2500%;
	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;
}
note that S8 is very small italics, but as the attachment shows, this is not how it appears on page.

Ideally, I'd like the captions to follow stylesheet S8, and it would be good to have a small indent before the first letter of text, too.

Any pointers?

thanks,
Attached Thumbnails
Click image for larger version

Name:	photo.png
Views:	81
Size:	299.0 KB
ID:	107607  

Last edited by brinded; 07-03-2013 at 01:35 PM.
brinded is offline   Reply With Quote
Old 07-03-2013, 12:39 PM   #2
DaleDe
Grand Sorcerer
DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.
 
DaleDe's Avatar
 
Posts: 9,653
Karma: 5072002
Join Date: Aug 2007
Location: Grass Valley, CA
Device: EB 1150, EZ Reader, Literati, iPad 2
You have the picture inline with the text in the same paragraph. You need to get the picture into a separate paragraph by itself. Another choice would be to so a shift return (<br /> between the picture and the caption.

This, by the way, has nothing to do with Sigil. Moving it to ePub.

Dale

Last edited by DaleDe; 07-03-2013 at 12:45 PM.
DaleDe is offline   Reply With Quote
Old 07-03-2013, 01:34 PM   #3
brinded
Member
brinded began at the beginning.
 
Posts: 11
Karma: 10
Join Date: Jul 2013
Device: iPad2
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.
Attached Thumbnails
Click image for larger version

Name:	photo.PNG
Views:	59
Size:	252.2 KB
ID:	107621  

Last edited by brinded; 07-03-2013 at 01:37 PM.
brinded is offline   Reply With Quote
Old 07-03-2013, 03:02 PM   #4
RbnJrg
Evangelist
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: 461
Karma: 318996
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 offline   Reply With Quote
Old 07-03-2013, 06:08 PM   #5
brinded
Member
brinded began at the beginning.
 
Posts: 11
Karma: 10
Join Date: Jul 2013
Device: iPad2
thanks Rubén - very much appreciated.

I'll try that first thing tomorrow morning.

Meanwhile, still curious why ePub exported by Pages is fine, but turns into a mess when opened by Sigil?
brinded is offline   Reply With Quote
Old 07-03-2013, 06:56 PM   #6
brinded
Member
brinded began at the beginning.
 
Posts: 11
Karma: 10
Join Date: Jul 2013
Device: iPad2
Rubén,

Thanks again - your fix works!

Just one small problem: the line spacing for s8 appears to have increased, despite the fact that it's defined (in your code and mine) as zero.

I've attached the spacing I'd like, (which comes from Pages/export-->ePub), and the current spacing after editing as per your post.

(ps I still don't understand why opening in Sigil should corrupt the ePub exported from Pages).
Attached Thumbnails
Click image for larger version

Name:	IMG_1188.PNG
Views:	56
Size:	116.7 KB
ID:	107628   Click image for larger version

Name:	IMG_1187.PNG
Views:	59
Size:	105.0 KB
ID:	107629  
brinded is offline   Reply With Quote
Old 07-03-2013, 07:29 PM   #7
theducks
Grand Sorcerer
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 14,859
Karma: 5654321
Join Date: Aug 2009
Location: (The original) Silicon Valley, USA
Device: Galaxy Tab 2, Astak Pocket Pro, K4NT
Probably not part of your problem
but you have Naked Text
Code:
<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
That is Text that is not wrapped in tags
theducks is online now   Reply With Quote
Old 07-03-2013, 08:28 PM   #8
DaleDe
Grand Sorcerer
DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.DaleDe ought to be getting tired of karma fortunes by now.
 
DaleDe's Avatar
 
Posts: 9,653
Karma: 5072002
Join Date: Aug 2007
Location: Grass Valley, CA
Device: EB 1150, EZ Reader, Literati, iPad 2
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.
Sorry, I thought the images you posted were the problem, not the solution. Sigil use a web browser style for viewing, not an ePub page oriented style. It is not a good viewer to determine exactly how things will look in a ePub reader. Download Adobe Digital Editions and use it to test your results.

Dale
DaleDe is offline   Reply With Quote
Old 07-03-2013, 09:50 PM   #9
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 37,685
Karma: 18475502
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
Chances are that Pages uses iBooks specific code and Tidy in Sigil is trying to correct it.

Pages and Sigil are not a good match.
JSWolf is offline   Reply With Quote
Old 07-04-2013, 02:40 AM   #10
Toxaris
Wizard
Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.
 
Toxaris's Avatar
 
Posts: 3,011
Karma: 3594657
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-300, PRS-T1
Quote:
Originally Posted by brinded View Post
thanks Rubén - very much appreciated.

I'll try that first thing tomorrow morning.

Meanwhile, still curious why ePub exported by Pages is fine, but turns into a mess when opened by Sigil?
I am doubting that the ePUB from Pages is fine, if it produces code you displayed. It is aimed for books to be read on iBooks and iBooks has another format. They also call it ePUB (why not iPUB?) and resembles a real ePUB, but there are differences.
Toxaris is offline   Reply With Quote
Old 07-04-2013, 03:45 AM   #11
brinded
Member
brinded began at the beginning.
 
Posts: 11
Karma: 10
Join Date: Jul 2013
Device: iPad2
Quote:
Sorry, I thought the images you posted were the problem, not the solution. Sigil use a web browser style for viewing, not an ePub page oriented style. It is not a good viewer to determine exactly how things will look in a ePub reader. Download Adobe Digital Editions and use it to test your results.
Hi Dale,

Thanks again for response.

I don't use Sigil viewer - only using Sigil for editing. All of the screenshots are taken from iPad, which is the intended destination for my book project.

Last edited by brinded; 07-04-2013 at 04:06 AM.
brinded is offline   Reply With Quote
Old 07-04-2013, 03:56 AM   #12
brinded
Member
brinded began at the beginning.
 
Posts: 11
Karma: 10
Join Date: Jul 2013
Device: iPad2
Quote:
I am doubting that the ePUB from Pages is fine, if it produces code you displayed. It is aimed for books to be read on iBooks and iBooks has another format. They also call it ePUB (why not iPUB?) and resembles a real ePUB, but there are differences.
Toxaris, thanks for reply.

Maybe I'm going about things the wrong way? I'd really appreciate knowing a better method.

Basically, I have a manuscript in Pages that's achieved good results via PDF/CreateSpace into paperback copies. The Pages document also managed to make a decent MOBI for Kindle (via other methods). Now I'm trying to publish on iTunes, too. So, Pages/export-->ePub seemed like a good place to start. Trouble is, this method cannot deliver chapters and sections on fresh pages (it will only make new html document for one type of header, which happens to be the first type of header chosen within any given document. If you try workarounds then it leads to problems with TOC.) In short, it's very untidy and, despite hours I'll never see again, there is no way to force fit.

My aim was to take the ePub from Pages, which for the most part looks perfectly acceptable on iPad, and find an editor to split up some of the html and deal with TOC hierarchy.

So I tried Calibre, which doesn't quite do it. Then the Calibre forums led me to Sigil, and the Sigil wiki led me here – where I'm closer to completion but still in need of help!



thanks,

Last edited by brinded; 07-04-2013 at 04:00 AM.
brinded is offline   Reply With Quote
Old 07-04-2013, 04:04 AM   #13
brinded
Member
brinded began at the beginning.
 
Posts: 11
Karma: 10
Join Date: Jul 2013
Device: iPad2
Quote:
Chances are that Pages uses iBooks specific code and Tidy in Sigil is trying to correct it.

Pages and Sigil are not a good match.
JS Wolf, thanks also for your reply. What you say certainly rings true. Which leads to the question, what is a good (editor) match for Pages?

Or to rephrase, how to get from Pages to a decent iBooks/iPad-comfortable ePub?
brinded is offline   Reply With Quote
Old 07-04-2013, 04:50 AM   #14
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 2,504
Karma: 13840337
Join Date: Apr 2010
Location: Phoenix, AZ
Device: Kindle2, iPad, KindleFire and NookColor
Quote:
Originally Posted by brinded View Post
JS Wolf, thanks also for your reply. What you say certainly rings true. Which leads to the question, what is a good (editor) match for Pages?

Or to rephrase, how to get from Pages to a decent iBooks/iPad-comfortable ePub?
I can't speak to your ePUB, brinded, but I can say with some assurance that the Pages-->ePUB books we see here are almost unreadable (code-wise). Every line is run together, so that in CV, it appears that the entire html document is one big paragraph, start-to-finish. Could it be manhandled into readability? Yes, of course...but it's mighty hinky behavior.

I believe that Liz (Castro) swears by something called BBEDit? You should drop by her blog (Pigs, Gourds and Wikis) and check it out. She'll set you right for Mac Products; I don't claim to have expertise in the best available Mac-head products.

HTH.
Hitch
Hitch is offline   Reply With Quote
Old 07-04-2013, 06:26 AM   #15
brinded
Member
brinded began at the beginning.
 
Posts: 11
Karma: 10
Join Date: Jul 2013
Device: iPad2
Hitch,

thanks for that. In this case, the HTML and CSS layout is legible, the problems seem to arise from little additions, (like 'style="white-space:pre-wrap"'), which others have posted about on these forums. Not sure why that happens. Most likely something Apple are doing is at cause.

I had a look at BBedit, and its Google forum for ePub. Seems like people are using it in conjunction with Sigil.

Last edited by Jellby; 07-04-2013 at 07:58 AM. Reason: disable unwanted smileys
brinded is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Cool picture. Hamlet53 Lounge 1 02-26-2013 01:14 AM
picture problem sttork Conversion 3 06-21-2012 10:11 AM
I Love Titles. Do you Love Titles? What's your Favorite Title? kennyc General Discussions 106 01-19-2012 11:32 AM
Titles, subtitles & alternative "display" titles jigme ePub 2 08-31-2011 05:19 PM
SM vs XD-picture turtle OpenInkpot 1 01-09-2009 09:10 PM


All times are GMT -4. The time now is 10:49 AM.


MobileRead.com is a privately owned, operated and funded community.