0 Replies Latest reply on Feb 19, 2014 9:39 AM by bumples5

    epub doesn't have the words in the right place

    bumples5

      I am using indesign cs6 on windows and this is a fxed epub.  In Dreamweaver I changed css to reflect where I wanted the words to go on page 4. When I go back to epub the words are not in the correct place. this is a children's book and needs to have the words ontop of the image.  Here is the code:

       

      <?xml version="1.0" encoding="UTF-8" standalone="no"?>

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

      <html xmlns="http://www.w3.org/1999/xhtml">

                <head>

                          <title>arobbyroo-4</title>

                          <link href="css/idGeneratedStyles.css" rel="stylesheet" type="text/css" />

                </head>

                <body id="arobbyroo" xml:lang="en-US">

       

                          <div class="_idGenObjectLayout-1">

                          <div class="Basic-Graphics-Frame _idGenPageitem-1">

                                              <img class="_idGenPageitem-1" src="image/pg4.jpg" alt="" />

                          <div class="mainbody "/>

                            <p class="page04a">Robby the Roo built a canoe.</p>

                               <p class="page04b">with intentions of paddling away..........</p>

                

                </div>

                </body>

      </html>

      In indesign the words are in the paragraph syle mainbody.  When I first epub this the words are on different pages. So I moved them onto the correct page and put in the css. here is part of the code

      p.page04a {

                position: absolute; font-size: 20px;          font-family: Arial, sans-serif;

                top: 47px; left: 60px; height: 33px; width: 165px;

      }

       

       

      p.page04b {

                position: absolute; font-size: 20px; font-family: Arial, sans-serif;

                top: 621px; left: 298px; height: 56px; width: 219px;

                          }

      Thanks,Jen