How to center text in Pages to show correctly on iBook Reader

Hi,
First, I have to say that I posted the same question on ''Creating ePubs'' discussioun page but nobody could help.
I am trying something really easy but could not solve it. Hope someone can help.
Ok, I know that if I choose ''Chapte Name'' as a pharagraph style, iBook reader automatically puts it into a new page, so the new page starts with the chapter name on top. I dont have any problems with my chapters.
However, I want my book to start with a page that has a brief info about the author. I want this info in the middle of the page (also centered in the middle). Than I want to go to the second page with a ''dedication'' part where I write my thanks to people. I also want this in the middle and centered. And finally I want to add my book title and author name together on the 3rd page. After that the chapters will start.
So, as I told you, the chapters work just fine. But when I try to center the text in the first 3 pages, (I press return several times on my keybord to do it) the pages interwine with each other. For example, the last part of page 2 goes on top of page 3.
I think this happens because I press the return key to center the texts. So, is there a way to lock texts to the pages where they belong to prevent them to interwine with other pages even if I press return to center the text
OR
Is there another way to center text to prevent them to interwine with other pages...
Thank you

One of the consequences of working all night on this was that there is errata, or improved insight.
As I mentioned previously, each of the four document parts that I tested is in its own section. This means that each of the first three document icons, in thumbnail view, has its own distinct yellow race track around it. The chapter/body text is in a fourth multi-page section.
On the first page, with invisibles and layout mode shown, I have a ¶ (pilcrow) showing on line 1, column 1. If I place the cursor before this mark, the text inspector shows the following:
Style is body
Character spacing is 0%
Line spacing is single (1)
Before paragraph is set to 172 pt.
After paragraph is set to 6 pt.
Now, if I place the cursor before the About the Author string:
Ruler set to 1.6 inches
Style is Heading 1
Character spacing is 0%
Line Spscing is single (1)
Before paragraph is set to 196 pt
After paragraph is set to 6 pt
Place cursor between end of Author and Pilcrow and press return.
With the cursor before the author description:
Style is body
My font choice was Baskerville, Regular 12 pt.
Left ruler set to 1.6 inches. Right ruler to 6.2 inches.
Character spacing is -4%
Line-height is set at multiple (1.2)
Before paragraph is 0
After paragraph is 12 pt.
Position cursor between last character and pilcrow - press return.
Insert section break
This is all there is too my first page:
For the Dedication page:
Line 1, Col 1 has the pilcrow and style is body
Character spacing is 0%
Line height is single (1)
Before and After paragraph are set to 0
With the cursor just before Dedication:
Left ruler set at 2.6 inches
Style is Heading 1
Character spacing is 0
Line height is 1.5
Before paragraph set to 190 pt
After paragraph set to 0 (yeah, raised my eyebrow too)
Place cursor between trailing n and pilcrow, press return.
With cursor on first line of names, just prior to first character:
Style is body text with Baskerville Regular 12 pt override.
Text justification is left.
Left ruler is set to 2.9 inches
Right ruler is set to 6.7 inches
Character spacing is 0
Line-height is 1.2
Before and after paragraph are 0
Insert cursor before last Pilcrow and press return
On the next line, there is a Pilcrow at col 1, place the cursor in front of it.
Style is body style
Character spacing is 0
Line-height is multiple (1.2)
Before paragraph is 0
After paragraph is 216 pt.
Press return to set the jump.
Insert section break
You can likely insert step 14 at step 7 and skip 9 - 13. It was late.
The Dedication page looks like this:
Hopefully, you missed something, or it wasn't sufficiently explained previously. I hope you can duplicate the above and discover unique, centered content in your ePub.

Similar Messages

  • How to center text in Pages to correctly show on iBook reader

    Hi,
    I am trying something really easy but could not solve it. Hope someone can help.
    Ok, I know that if I choose ''Chapte Name'' as a pharagraph style, iBook reader automatically puts it into a new page, so the new page starts with the chapter name on top. I dont have any problems with my chapters.
    However, I want my book to start with a page that has a brief info about the author. I want this info in the middle of the page (also centered in the middle). Than I want to go to the second page with a ''dedication'' part where I write my thanks to people. I also want this in the middle and centered. And finally I want to add my book title and author name together on the 3rd page. After that the chapters will start.
    So, as I told you, the chapters work just fine. But when I try to center the text in the first 3 pages, (I press return several times on my keybord to do it) the pages interwine with each other. For example, the last part of page 2 goes on top of page 3.
    I think this happens because I press the return key to center the texts. So, is there a way to lock texts to the pages where they belong to prevent them to interwine with other pages even if I press return to center the text
    OR
    Is there another way to center text to prevent them to interwine with other pages...
    Thank you

    You could try asking in the Pages forum
    https://discussions.apple.com/community/iwork/pages

  • How to center text in shapes

    how to center text in shapes. specifically circles.  I want text to be centered directly in the middle

    A lot depends on what you mean by centered, the number of lines of text, the actual font, and whether there are descenders.
    Using vertical justification set to centered may or may not work for you, depending on the above factors, as it depends on the baseline, I believe, rather than the acutal glyph dimensions. You could try adding baseline shift, I suppose, to make fine vertical adjustments, or you can bite the bullet and use the old-fashioned method of two frames.

  • The text in pages isnt showing unless I highlight it, What can I do in order to see it while I type?

    the text in pages isnt showing unless I highlight it, What can I do in order to see it while I type?

    Let me guess as you haven't supplied the information. You have bought iWork dvd or serial number. Have installed it but you have forgotten to do the Software updates for it. Click on the Apple menu and choose Software update check.

  • How to display a double page of a magazine with ibooks

    how to display a double page of a magazine with ibooks ?
    Thanks

    oiram osurac wrote:
    how to display a double page of a magazine with ibooks ?
    What is the title of the magazine you are talking about?

  • Page not showing correctly and missing sitemap

    I have two problems involving Dreamweaver 8.02.
    First is the index page not loading correctly. But when you
    preview the page from Dreamweaver's browser everything shows fine.
    But opening up a new broswer it is all messed up. I am using
    Dreamweaver 8.02 and one of the existing templates in CSS style.
    Second issue is the missing sitemap whenever I FTP files to
    the server. I used to be able to view the remote site and the local
    files side by side. Now. the white box indicating that perspective
    is gone. Did I click on something accidentally? If so, how do I
    reset everything?
    Here's the URL:
    http://www.clarkandclarkpublishing.com/
    I have also attached the code.

    I'm not sure but could the problem possibly be with the router itself. I checked many other topics of people reporting the same problems as me and the person above me. They all seem to be the same WRT54G wireless routers and all seem to have been reported at least within the last couple weeks. It seemed like the help given too never really helped the problem. I'm sure it's not the browser because I have had the same result on all that I've tried or the firewall because I have had that off while trying just like everyone else who seemed to have the problem.

  • How do I report a video not showing correctly?

    I tried to find a Contact Us to "Report an issue" but ended up chasing my tail.
    This video is not showing correctly in the frameset during preview.
    http://itunes.apple.com/us/music-video/medley-surfer-girl-wouldnt/id504074645
    at least ... not for when whenever I tried to watch it.

    Most every product Mozilla has is from say a mozilla.org site link.
    https://mozillalabs.com/en-US/projects/
    https://www.mozilla.org/en-US/products/
    The only real video related thing Mozilla has is https://wiki.mozilla.org/Shumway and more info at http://mozilla.github.io/shumway/
    The site you downloaded this NewVideoPlayerSetup.exe from was a scam as it uses the inexperience of users and popularity of Mozilla and the Firefox browser to trick people into installing stuff like this.
    Next time if you are uncertain you should ask as somebody will then tell you if it is legitimate or not for example.

  • How to center Text Box on Web Page? -- Web dev with Word 2013

    I'm trying to assist a user who wants to use Word 2013 for simple web page development.
    There are many tools but they want to use Word 2013.
    Actually have it working by saving the Word 2013 files as web pages... like index.htm, about.htm, etc.
    The problem is when we use the "Insert" tab in Word to create a "Text Box" or a "Shape" ...
    And align it centered on the page... it looks fine in Word but when we open it with a web browser the "Text Box" or "shape" are no longeer centered.
    We thought we had it fixed by making the "Text Box" Layout Options "In Line with Text" but again... looks fine in Word but not in a web browser.
    The question: How can we get a "Text Box" in Word 2013 to appear centered on a web page?
    thanks for any help.

    Hi:
    For webpage design, I would suggest customized form under develop tab on the Ribbon over insert object directly. I tested from my side, using customized form will lock the object position on the
    page.

  • How to center text in DIV

    Newbie with a really simply question. How would one center this text smack dab in the middle of this DIV (assuming that this DIV were already centered on the page?

    If you were doing it by hand in Source View, you would add  text-align:center; to the css for the div.
    From Design View, highlight the text and click the Align Center button in the Properties tab.
    EDIT: That would be for horizontal alignment. To align the text vertically (this only works if the text is on one line) you can set the line-height of the div to the same as the height of the div in the css...
    #your_div_id {
         text-align:center;
         line-height:70px;
         height:70px;
         width:400px;
         border:1px solid black;

  • Can't figure out how to center text in text box

    I've made a text box over a line.
    How can I center the text in the text box?
    Please advise.
    Thanks

    I just talked to tech support and this is what they said to do. For example.
    Make a new form and then drop a "text field" into it.
    Goto the toolbar at the top and click on window then
    paragraph. The paragraph/font box will come up and you'll be
    able to see the different ways you can move text around.
    Thanks

  • How to center text in javafx interface

    Hi, first of all, sorry for my bad English... I'm Italian.. :)
    I'd like to center a Text in a Scene, but I can't.
    I tried with this code:
    Text {
    x: 0
    y: 450;
    font: Font { size: 30 }
    fill: Color.web("#337799")
    content: bind "bla bla ";
    textAlignment: TextAlignment.CENTER
    But it doesn't work... Do you know how can I do to it?

    A classical way, hinted by a_b_g, is to use the size of the text control (given by its bounds) to position it in an absolute way (eg. using translateX).
    That's what I did in the past.
    Today, I would prefer to use the Stack layout, which handles nicely such computations.

  • How to center align preview page

    When I preview my webpage (which I am creating in fireworks) in the browser it is to the left of the page, How do I center align it?? Thank you in advance for your help

    You shouldn't be creating your total web page in Fireworks, only the graphics  :-)
    You should slice up the images you need and then export those and use them in your HTML or via the stylesheet as background images.  A web page that is full of images will only slow down the loading plus not be indexed by search engines...
    To then center the page, you need to use CSS to to align the page in the center of the browser window regardless of window size.  This again, is done when you move over to the HTML editor, not in FWs.
    A good tutorial that may help the transition from taking a FWs comp to HTML
    http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
    Nadia
    Adobe® Community Expert : Dreamweaver
    Unique CSS Templates |Tutorials |SEO Articles
    http://www.DreamweaverResources.com
    Book: Ultimate CSS Reference
    http://www.sitepoint.com/launch/005dfd4/3/133
    http://twitter.com/nadiap

  • How to center text within image

    If you go to http://www.terwax.com/bf2.html , youll see text in the left side. It took me enough time to center the image. Now that i created ap tag within div, i was able to put text but in every browser its different. Below is the code. Please help me find easy way that can center the text within image.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Terwax - Battlefield</title>
    <style type="text/css">
    body {
         background-color: #333;
         height:inherit;
         width:inherit;
         margin-left: auto;
         margin-right: auto;
         text-align: center;
    #apDiv1 {
         position:absolute;
         width:753px;
         height:110px;
         z-index:1;
         left: 286px;
         top: 174px;
         overflow: visible;
         text-justify: auto;
    </style>
    </head>
    <body>
    <div>
        <img src="images/import.png" alt="back" width="1288" height="992" align="middle" />
        <div id="apDiv1">Thanks for coming to the site. I am currently working on it. This isn't finished yet and a lot of graphics to come! Keep checking back and if you don't like or like something, make sure to hit me an email at [email protected] .</div>
    </div>
    <p> </p>
    </body>
    </html>

    Terwax.com wrote:
    That code didn't fix the problem
    It just moved the text right to the bottom of page. Last time i did this, the text was static. It couldn't be highlighted.
    I know there are tutorials, but i just need help with this as i can finish the website. I am doing all the tutorials currently (lynda.com), but its a long way from now and will be happy if someone can help me get the text in the grey box rather than falling out of it.
    Try the code below in IE9. It should work if the browser is backwards compliant. I'll be amzed if it doesn't. Unfortunately I don't have IE9 available to test in. Didn't even know it was available. Is it a beta version of the browser which maybe hasn't been fully tested yet?
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Terwax - Battlefield</title>
    <style type="text/css">
    body {
        background-color: #333;
    #imageWrapper {
    position: relative;
    width: 1288px;
    margin: 0 auto;
    #apDiv1 {
        position:absolute;
        width:753px;
        left: 270px;
        top: 174px;
    </style>
    </head>
    <body>
    <div id="imageWrapper">
        <img src="images/import.png" alt="back" width="1288" height="992" align="middle" />
        <div id="apDiv1">Thanks for coming to the site. I am currently working on it. This isn't finished yet and a lot of graphics to come! Keep checking back and if you don't like or like something, make sure to hit me an email at [email protected] .</div>
    </div>
    </body>
    </html>

  • How to Center Text in Menu and Left Align in Sub Menu

    Hi - I'm looking to Center the text in the main menu of a Spry Menu in DW CS 5.5 but left align the sub menu's.
    If someone could point me in the right direction it would be much appreciated.
    Thanks
    J

    See here http://labs.adobe.com/technologies/spry/samples/menubar/CenteringHorizontalMenuBarSample.h tml
    Gramps

  • How to center text in column matrix?

    Hi, i need your help please ...
    I need center numbers in column matrix!
    Could someone show me an example, please?

    Thanks for answering!
    Well, I think it's not important but my boss says that all numbers have to be in the center... just that
    He can't believe that it isn't possible

Maybe you are looking for