View Single Post
Old 06-13-2018, 10:59 AM   #2
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 Corinne View Post
Greetings! I am entirely new at manuscript conversion. So far,I've had success in preparing my manuscripts for conversion. At the end of each chapter there is a simple poem and drawing When using epub, it all comes together well, save for the cover. Can't seem to center the text or image. I have the same results in mobi. I use drawings and simple text, in other words, in both books.

I've read the manual, but can't seem to find instructions for centering images. I go to edit book, I see the 'codes' I see the line with the 'image' in it but I'm clueless as to what to do next. I plead humble ignorance. Respectfully.

My cover drawing is 74kb. The rest of them, are less than 60kb. I do not know if this is too large or too small. I can easily, and happily, resize them upon finding out the correct dimensions.

Thank you for the assistance! Kind regards...
If you want to center an image, just enclose the <img> tag between <p> tags and style the <p> with "text-align: center;".

An example:

Suppose your image is named "MyImage1.jpg". Then, what you must do is the following:

1. In your .xhtml file, write:

Code:
<p class="center"><img alt="" src="../Images/MyImage1.jpg"/></p>
2. And in your .css stylesheet, write:

Code:
.center {
   text-align: center;
   text-indent: 0;
}
Don't forget to link the css stylesheet with your .xhtml file. That's all. The same is for centering text:

Code:
<p class="center">Your text here or whatever</p>
Regards
Rubén
RbnJrg is offline   Reply With Quote