Sigil Centre Image confusion

mhikl · 12-12-2010, 01:10 PM

I've done my work searching this forum and I went to
"http://code.google.com/p/sigil/wiki/ProofreadingWithSigil" but still the problem persists.
It looks as though the steps have changed as I don't get the same "Code" in my document as is shown in the page link above.

Code —class="sgc-1"— does not centre the image in my Sigil document. It puts it to the left on my Sigil page and the same on my Stanza iPtouch epub.
Centring the image seems to give a -5 which centres it in my Sigil document but not on the touch.

My title is centred but the image and what follows looks centred but ends up on the left in Stanza.

A picky point, but I do like my Stanza docs to look good.

I think I have worked out all the kinks I had in other parts of my Sigil docs but this one has given me a twitch in my left eye and the dog won't come near me when she sees me at the computer. Any help would be appreciated.

Namaste and working to stay mindful.

Oh, another point. The only way I could get my Title Page with picture image and author's name under the image was to make a previous page with the title followed by a SGF chapter marker and a Chapter Break. Then the First Title Page appears as a blank on my Touch but the Second Title Page (my original TP) and its image followed by Author shows up. This is all very confusing. It would be great if when the book opens up in Stanza, instead of getting a blank page (the First Title Page) it would open up to a Title Page that has the Title, Image and Author's name. This may be a quirk with Stanza but I am very willing to take lashes with the responsibility if it is my error.

Toxaris · 12-12-2010, 04:37 PM

For centering an image you could use somethin like:

Code:

<p><div align="center"><img ..../></div></p>

or

Code:

<p class="center"><img .../></p>

For the latter of course you have to enter the class center in your CSS stylesheet. Since Sigil changes a lot between version, I wouldn't be surprised that the sgc-1 doesn't work anymore. But Valloric could confirm if this is the case.

You're second point can be a problem of a too large image or hard-defined page-breaks. I do not know how stanza works, but you could try to fiddle with CSS elements like 'page-break-before: never' or alike.

theducks · 12-12-2010, 06:51 PM

Quote:

Originally Posted by Toxaris

For centering an image you could use somethin like:

Code:

<p><div align="center"><img ..../></div></p>

or

Code:

<p class="center"><img .../></p>

For the latter of course you have to enter the class center in your CSS stylesheet. Since Sigil changes a lot between version, I wouldn't be surprised that the sgc-1 doesn't work anymore. But Valloric could confirm if this is the case.

You're second point can be a problem of a too large image or hard-defined page-breaks. I do not know how stanza works, but you could try to fiddle with CSS elements like 'page-break-before: never' or alike.

AFAIK
SGC-x are not standardized assignments
and don't exist on the page until you press one of the styling buttons.
And THEN, it only exists for the PAGE that it was used upon at that time.
If you make some othe styling (combination) on a different Page before you use the "center text" style, that will get assigned SGC-1

SGC styles are added to the Page <head> section, not the stylesheet.

I found this out, because I styled the chapter headings on one page , and use S & R regex to change all the other "Chapter headings to habve the same 'code'. Only, none of the other pages worked, even though the Code was correct.
Turns out: SGC codes are not Global.

mhikl · 12-12-2010, 07:36 PM

I have decided to live with off centred images just as I have learned to accept never getting the exactly perfectly measure of cream in my coffee. My quibble days are over with Sigil. I am where I am and want (almost) to be, and Sigil works for me.

These suggestions, though appreciated, are not for the dumbfounded and that I bid I am. I can barely get through the English language and its basic punctuation but to add a “<“ or a “</“ or an “=“ is too much to ask this simple brain of mine.

I am so pleased that I have been able to go back to a Sigil epub previously made and executed as expected (pardoning off-centred images) and then to successfully add a further heading tweak, that I can live with this cup of imperfect coffee. In the near past, every time I tried to change or update or perfect my epub I worsened my situation but now I breeze through this programme with successes beyond my wildest hopes.

But I have a Dream. I should like to write a quick history of my travails to the state I now find myself with Sigil to aid the path of the dumbfounded past, present and future, or for those, who like I, can learn to live with skewed images.

Namaste,
mhikl

On second thought, I'm going to try the tricks supplied. How it bugs me my image stands askew.

Toxaris · 12-13-2010, 03:21 AM

It is really not that hard. This is just basic (x)html and css. You should see the stuff others come up with sometimes...

Jellby · 12-13-2010, 10:25 AM

Quote:

Originally Posted by Toxaris

For centering an image you could use somethin like:

Code:

<p><div align="center"><img ..../></div></p>

Not that. A <p> element cannot contain other block-level elements (<div>, <p>, <blockquote>...)

mhikl · 12-13-2010, 12:46 PM

That's easy for Jellby and Toxaris and theducks to say. You guys think in rhymes beyond my comprehension. But thanks to copy and paste I shall find time to make this thing work and what once was dreary, when understood, becomes a beacon to success. And then shall I scale my Opus Sigil for my dumbfounded brethren. I am not too proud for staples and tape.

(sorry for the poetrics but after a night of pleasant dreams I am still inspired from writing my rhyme in the poetry section of this fair forum.)

Namaste,
mhikl

mhikl · 12-13-2010, 03:03 PM

I stand stymied. Here is what I have tried. It looks good on the Sigil page, but not on my iPtouch.

<body>
<h1 class="sgc-1" id="heading_id_2">This Front</h1>

<p class="center sgc-1 sgc-4"><img alt="" src="../Images/Infinite%20Life.jpg" /><br /></p>

I really need it spelt out like what you see above. xhtml may be obvious to ye poets of the xhtml either, but I am planet bound.

sgc-4 or -1 doesn’t seem effective as I wish. I tried all suggestions (the "center" command I thought nice and obvious), so, nicely Sigil ‘fixes’ or does what it does to not blow up changing or fixing the strange language to what it wants.

In my real ebook that works, I used spaces to centre the image and author successfully, but what a bothersome work-round.

Like why does the header nicely centre. I tried copy-paste its?placement parameters. Ha! To the left she jumps.

Doesn’t seem to me that this should be rocket science. Wife says “Do dishes” and I do the dishes. Why won’t Sigil be so compliant. Must be a lady of her own mind.

Namaste,
mhikl

I've just had a sudden enlightenment, an Eureka moment.
What if Sigil provided a template; a simple .epub with a Title page including a centred image and author and other neat stuff; An introductory Chapter or Part with a nice centred Heading. Nothing simple. Just the bare working essentials. Then one could open the template, view its structure, exchange their own image, author etc and commence with the rest of their work? I shall Post the Sigil Professor immediately. Life is so simple in my universe; sometimes.

kiwidude · 12-13-2010, 04:25 PM

If separate css styles are a bit much what about something like this (I don't know your device):

Code:

<p style="text-align:center"><img alt="" src="../Images/Infinite%20Life.jpg" /><br /></p>

theducks · 12-13-2010, 05:56 PM

Quote:

Originally Posted by mhikl

I stand stymied. Here is what I have tried. It looks good on the Sigil page, but not on my iPtouch.

<body>
<h1 class="sgc-1" id="heading_id_2">This Front</h1>

You are working way too hard.

In book view (BV)
single click ON the Heading (Paragraph,image)line you want centered.

Do Not select text (or image)

Click the "center text" icon
Note Set Heading level first, again single click the line. Note this clears previous styles, which is why I said FIRST.

mhikl · 12-14-2010, 02:58 AM

It's a conundrum, theducks. Did as you instructed and no luck. The image and a trial line (The End) at the end of my practice epub refuse to centre. My headings do centre, however.

Tomorrow I will try another practice book from start to finish: TextEdit-.xhtml-epub all with: Title page with Heading, image and author name; a couple of chapters with Headings and a few lines of pain text; the final chapter finishing with "The End" and centred.

I like a good challenge but this is a little frustrating and I may just be making some simple wrong move I can't deduce. Clear head and a new project may work out. We'll see.

I appreciate your help. (This is the best forum I have come across with members who take the time and patience to help.)

Namaste,
mhikl

Hitch · 12-14-2010, 05:32 AM

I know I'll regret getting in the scrum, but, @mhikl, two things:

If you are using an i-anything, and viewing the epub in iBooks, there's nearly always a problem with centering, FWIW, and,
In case that isn't it, although I want to whip myself with a wet CSS guide for saying this, insert your image, in BV, and then {sigh}, put your cursor to the left, LEFT of your image, and THEN hit the center text icon.

And to learn how to get around the dreaded Jobsian i-Anything centering problem, if #2 doesn't work, you'll have to break down and learn CSS. It's not that hard, but the cascading part can bite you in the a$$.

Lastly: despite Valloric's Herculean efforts, no matter what anyone tells you, Sigil isn't a "WYSIWYG" editor for epubs. It really isn't. There ain't no such thing, although you might want to try Jutoh (Hitch slaps self in head). It's not elegant, and it's not very...well, techie...but if you can write a little html, you can make decent books with Jutoh. Not great; not elegant; but serviceable. And you don't need to know a word of CSS--so to speak. Jutoh might be a better match for you at this stage...not to dissuade you or encourage you NOT to learn the good meaty stuff, but if you want to make it NOW, that might be a better way to go, today. Just a thought.

HTH,

Hitch

Toxaris · 12-14-2010, 07:48 AM

Quote:

Originally Posted by Jellby

Not that. A <p> element cannot contain other block-level elements (<div>, <p>, <blockquote>...)

Oeps... That comes from writing things from the head. I would never try it this way anyway. I solve this in CSS myself. Of course you are right, silly me.

Toxaris · 12-14-2010, 07:50 AM

Quote:

Originally Posted by mhikl

Perhaps a silly question, but there is a class in CSS named 'center' is there? Otherwise this will do nothing at all...

theducks · 12-14-2010, 10:12 AM

Quote:

Originally Posted by Toxaris

Quote:

Originally Posted by mhikl

Perhaps a silly question, but there is a class in CSS named 'center' is there? Otherwise this will do nothing at all...

Good point
There might be clashing styles.

what do SGC1 and SGC4 do?
If center is really a Center. PUT IT LAST:

styles apply in order:
center -> sgc-1 -> sgc-4

12-12-2010, 01:10 PM	#1
mhikl Enthusiast Posts: 29 Karma: 1764 Join Date: Nov 2010 Location: Canada Device: iPod touch	Sigil Centre Image confusion I've done my work searching this forum and I went to "http://code.google.com/p/sigil/wiki/ProofreadingWithSigil" but still the problem persists. It looks as though the steps have changed as I don't get the same "Code" in my document as is shown in the page link above. Code —class="sgc-1"— does not centre the image in my Sigil document. It puts it to the left on my Sigil page and the same on my Stanza iPtouch epub. Centring the image seems to give a -5 which centres it in my Sigil document but not on the touch. My title is centred but the image and what follows looks centred but ends up on the left in Stanza. A picky point, but I do like my Stanza docs to look good. I think I have worked out all the kinks I had in other parts of my Sigil docs but this one has given me a twitch in my left eye and the dog won't come near me when she sees me at the computer. Any help would be appreciated. Namaste and working to stay mindful. Oh, another point. The only way I could get my Title Page with picture image and author's name under the image was to make a previous page with the title followed by a SGF chapter marker and a Chapter Break. Then the First Title Page appears as a blank on my Touch but the Second Title Page (my original TP) and its image followed by Author shows up. This is all very confusing. It would be great if when the book opens up in Stanza, instead of getting a blank page (the First Title Page) it would open up to a Title Page that has the Title, Image and Author's name. This may be a quirk with Stanza but I am very willing to take lashes with the responsibility if it is my error.

12-12-2010, 07:36 PM	#4
mhikl Enthusiast Posts: 29 Karma: 1764 Join Date: Nov 2010 Location: Canada Device: iPod touch	I have decided to live with off centred images just as I have learned to accept never getting the exactly perfectly measure of cream in my coffee. My quibble days are over with Sigil. I am where I am and want (almost) to be, and Sigil works for me. These suggestions, though appreciated, are not for the dumbfounded and that I bid I am. I can barely get through the English language and its basic punctuation but to add a “<“ or a “</“ or an “=“ is too much to ask this simple brain of mine. I am so pleased that I have been able to go back to a Sigil epub previously made and executed as expected (pardoning off-centred images) and then to successfully add a further heading tweak, that I can live with this cup of imperfect coffee. In the near past, every time I tried to change or update or perfect my epub I worsened my situation but now I breeze through this programme with successes beyond my wildest hopes. But I have a Dream. I should like to write a quick history of my travails to the state I now find myself with Sigil to aid the path of the dumbfounded past, present and future, or for those, who like I, can learn to live with skewed images. Namaste, mhikl On second thought, I'm going to try the tricks supplied. How it bugs me my image stands askew. Last edited by mhikl; 12-13-2010 at 01:11 AM. Reason: Second thoughts.

12-13-2010, 12:46 PM	#7
mhikl Enthusiast Posts: 29 Karma: 1764 Join Date: Nov 2010 Location: Canada Device: iPod touch	That's easy for Jellby and Toxaris and theducks to say. You guys think in rhymes beyond my comprehension. But thanks to copy and paste I shall find time to make this thing work and what once was dreary, when understood, becomes a beacon to success. And then shall I scale my Opus Sigil for my dumbfounded brethren. I am not too proud for staples and tape. (sorry for the poetrics but after a night of pleasant dreams I am still inspired from writing my rhyme in the poetry section of this fair forum.) Namaste, mhikl Last edited by mhikl; 12-13-2010 at 12:48 PM. Reason: forgot theducks

12-13-2010, 03:03 PM	#8
mhikl Enthusiast Posts: 29 Karma: 1764 Join Date: Nov 2010 Location: Canada Device: iPod touch	I stand stymied. Here is what I have tried. It looks good on the Sigil page, but not on my iPtouch. <body> <h1 class="sgc-1" id="heading_id_2">This Front</h1> <p class="center sgc-1 sgc-4"><img alt="" src="../Images/Infinite%20Life.jpg" /><br /></p> I really need it spelt out like what you see above. xhtml may be obvious to ye poets of the xhtml either, but I am planet bound. sgc-4 or -1 doesn’t seem effective as I wish. I tried all suggestions (the "center" command I thought nice and obvious), so, nicely Sigil ‘fixes’ or does what it does to not blow up changing or fixing the strange language to what it wants. In my real ebook that works, I used spaces to centre the image and author successfully, but what a bothersome work-round. Like why does the header nicely centre. I tried copy-paste its?placement parameters. Ha! To the left she jumps. Doesn’t seem to me that this should be rocket science. Wife says “Do dishes” and I do the dishes. Why won’t Sigil be so compliant. Must be a lady of her own mind. Namaste, mhikl I've just had a sudden enlightenment, an Eureka moment. What if Sigil provided a template; a simple .epub with a Title page including a centred image and author and other neat stuff; An introductory Chapter or Part with a nice centred Heading. Nothing simple. Just the bare working essentials. Then one could open the template, view its structure, exchange their own image, author etc and commence with the rest of their work? I shall Post the Sigil Professor immediately. Life is so simple in my universe; sometimes. Last edited by mhikl; 12-13-2010 at 03:20 PM. Reason: Sudden Enlightenment

12-13-2010, 04:25 PM	#9
kiwidude Calibre Plugins Developer Posts: 4,720 Karma: 2197770 Join Date: Oct 2010 Location: Australia Device: Kindle Oasis	If separate css styles are a bit much what about something like this (I don't know your device): Code: <p style="text-align:center"><img alt="" src="../Images/Infinite%20Life.jpg" /><br /></p>

12-12-2010, 04:37 PM	#2
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	For centering an image you could use somethin like: Code: <p><div align="center"><img ..../></div></p> or Code: <p class="center"><img .../></p> For the latter of course you have to enter the class center in your CSS stylesheet. Since Sigil changes a lot between version, I wouldn't be surprised that the sgc-1 doesn't work anymore. But Valloric could confirm if this is the case. You're second point can be a problem of a too large image or hard-defined page-breaks. I do not know how stanza works, but you could try to fiddle with CSS elements like 'page-break-before: never' or alike.

12-13-2010, 03:21 AM	#5
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	It is really not that hard. This is just basic (x)html and css. You should see the stuff others come up with sometimes...

12-14-2010, 02:58 AM	#11
mhikl Enthusiast Posts: 29 Karma: 1764 Join Date: Nov 2010 Location: Canada Device: iPod touch	It's a conundrum, theducks. Did as you instructed and no luck. The image and a trial line (The End) at the end of my practice epub refuse to centre. My headings do centre, however. Tomorrow I will try another practice book from start to finish: TextEdit-.xhtml-epub all with: Title page with Heading, image and author name; a couple of chapters with Headings and a few lines of pain text; the final chapter finishing with "The End" and centred. I like a good challenge but this is a little frustrating and I may just be making some simple wrong move I can't deduce. Clear head and a new project may work out. We'll see. I appreciate your help. (This is the best forum I have come across with members who take the time and patience to help.) Namaste, mhikl

12-14-2010, 05:32 AM	#12
Hitch Bookmaker & Cat Slave Posts: 11,503 Karma: 158448243 Join Date: Apr 2010 Location: Phoenix, AZ Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2	I know I'll regret getting in the scrum, but, @mhikl, two things: If you are using an i-anything, and viewing the epub in iBooks, there's nearly always a problem with centering, FWIW, and, In case that isn't it, although I want to whip myself with a wet CSS guide for saying this, insert your image, in BV, and then {sigh}, put your cursor to the left, LEFT of your image, and THEN hit the center text icon. And to learn how to get around the dreaded Jobsian i-Anything centering problem, if #2 doesn't work, you'll have to break down and learn CSS. It's not that hard, but the cascading part can bite you in the a$$. Lastly: despite Valloric's Herculean efforts, no matter what anyone tells you, Sigil isn't a "WYSIWYG" editor for epubs. It really isn't. There ain't no such thing, although you might want to try Jutoh (Hitch slaps self in head). It's not elegant, and it's not very...well, techie...but if you can write a little html, you can make decent books with Jutoh. Not great; not elegant; but serviceable. And you don't need to know a word of CSS--so to speak. Jutoh might be a better match for you at this stage...not to dissuade you or encourage you NOT to learn the good meaty stuff, but if you want to make it NOW, that might be a better way to go, today. Just a thought. HTH, Hitch

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
How do I centre a horizontal rule?	AlexBell	ePub	12	10-06-2010 03:09 AM
Where is the Canadian service centre for 302s?	guyanonymous	PocketBook	3	09-27-2010 03:37 PM
PRS-600 New Price, Sony Store Toronto Eaton Centre	edlauzon	Sony Reader	1	07-18-2010 10:22 AM
Comment créer un tableau centré dans un Ebook avec sigil ?	agronomia	Software	7	05-06-2010 06:26 AM
UK's Printed Electronics Technology Centre (PETEC) and the Flexible Display Centre (	Dulin's Books	News	0	02-18-2010 02:30 PM

Advert

Advert