![]() |
#1 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 26
Karma: 1658
Join Date: Jun 2018
Location: Mobile in Arizona, currently Flagstaff
Device: None
|
Assistance for 1st time manuscript conversion, Caliber 3.23
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... |
![]() |
![]() |
![]() |
#2 | |
Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,783
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
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> Code:
.center { text-align: center; text-indent: 0; } Code:
<p class="center">Your text here or whatever</p> Rubén |
|
![]() |
![]() |
Advert | |
|
![]() |
#3 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 26
Karma: 1658
Join Date: Jun 2018
Location: Mobile in Arizona, currently Flagstaff
Device: None
|
Thank you kindly!
|
![]() |
![]() |
![]() |
#4 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 26
Karma: 1658
Join Date: Jun 2018
Location: Mobile in Arizona, currently Flagstaff
Device: None
|
Thank you Reuben. Forgive my ignorance, but how do you 'link' the CSS with the XHTML? I appreciate the patience and the time.
Kind regards, Corinne. |
![]() |
![]() |
![]() |
#5 | |
Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,783
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
In your first post you said that are using Calibre 3.23; well, I will explain you what to do in that program. I suppose that you already have loaded your ebook in Calibre. Do right click in that ebook and choose the "Edit book" command; the Calibre Editor will show. In the "File Browser" window (at the left of the screen) select the file whose image and text you want to center and after that, do right click. You will see something like this screenshot: Select the command "Link stylesheets...". Now you'll see something like this dialog: In the above picture you see only one .css file but it can be several. If you have only one, then select that .css file; if there is more than one .css file, select what you want (in all cases, desmark the option "Remove existing links to stylesheets"). Press "Ok". That's all ![]() Regards Rubén PS: And don't forget to write the ".center" style in the .css file you have selected according to the explanation. |
|
![]() |
![]() |
Advert | |
|
![]() |
#6 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 26
Karma: 1658
Join Date: Jun 2018
Location: Mobile in Arizona, currently Flagstaff
Device: None
|
Hi Reuben. I hope I attached the above file correctly. It is what I see when I go into edit book. I tried your code yesterday and it didn't work, no doubt because I entered it incorrectly. I have no other books in Calibre save for the one I'm currently working on, above. I enlarged the cover drawing by a few kb's yesterday and it centered itself automatically, and unexpectedly, in both epub and mobi. They both present beautifully, but will I still need to center them anyway in edit books? In epub, the drawings are justified left with a simple poem on the right. Once I convert to mobi, from epub, they all center themselves automatically! ![]() I thank you for your helpful guidance and will study it so I can learn it. Kind regards, Corinne. |
![]() |
![]() |
![]() |
#7 | ||||
Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,783
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
![]() The first thing: the screenshot you attached it says me that you are using a svg wrapper. And inside of that svg wrapper, you are putting a .jpeg image (I didn't see any text inside the container). So, your cover consists only in one image, no text. But the way to center an image (or text) inside a svg wrapper is different from the way we employ when we're not in a svg container. And what I explained you in my previous posts, is to center image or text, out of a svg wrapper. The second thing: according to your screenshot, you are already applying styles by means of "embedded css" (if you want to understand better the way to apply styles, watch the link below). https://en.wikibooks.org/wiki/Cascad...HTML_and_XHTML And, in your embedding styles, you have the following (do click in the picture to enlarge it): The style body {text-align: center; padding: 0pt; margin: 0pt;} what it makes, is to center all text and images inside the .xhtml file. So, you already have set that all elements in the files with the embedded style body {text-align: center; padding: 0pt; margin: 0pt;} are centered. For that reason is that you see all centered automatically. Third thing: in your svg wrapper, you are using the property preserveAspectRatio="none". Very probably it would be better for you to set that property as "xMidYMid meet", that is, preserveAspectRatio="xMidYMid meet". If you want to understand better what that means, look at this link: https://wiki.mobileread.com/wiki/SVG...26_AspectRatio Also it would be very good for you to read all that page, if you are going to use svg covers. Quote:
Quote:
![]() Quote:
![]() Rubén |
||||
![]() |
![]() |
![]() |
#8 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 26
Karma: 1658
Join Date: Jun 2018
Location: Mobile in Arizona, currently Flagstaff
Device: None
|
Hi Reuben. I designed the book title in paint shop. That is also where I draw my images. What I've just learned is that they are called 'svg wraps.'
![]() On my way to the library shortly where I will read the files you've sent. You are a God send, and I thank you ... I'll be back. ![]() Kind regards, Corinne. |
![]() |
![]() |
![]() |
#9 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 26
Karma: 1658
Join Date: Jun 2018
Location: Mobile in Arizona, currently Flagstaff
Device: None
|
I apologize, 'Ruben.'.
![]() |
![]() |
![]() |
![]() |
#10 |
Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,783
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Nothing to apologize
![]() http://tutorials.jenkov.com/svg/text-element.html Take in count that when we are working out of a svg container, we use <p></p> tags to write text. Regards Rubén |
![]() |
![]() |
![]() |
#11 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 26
Karma: 1658
Join Date: Jun 2018
Location: Mobile in Arizona, currently Flagstaff
Device: None
|
Thank you Ruben. In the next clickable sequence, in the screen shot, all the text shows up. I should have sent you that one.
![]() ![]() Kind regards Ruben and I look forward to reading the enclosed link.. Corinne. |
![]() |
![]() |
![]() |
#12 | |
Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,783
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
![]() Kind regards to you too. Rubén |
|
![]() |
![]() |
![]() |
#13 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 26
Karma: 1658
Join Date: Jun 2018
Location: Mobile in Arizona, currently Flagstaff
Device: None
|
What do these numbers mean?
Hello Ruben. These numbers show up, not at the beginning of a paragraph but in the middle of the works. ![]() I appreciate it! Kind regards, Corinne. |
![]() |
![]() |
![]() |
#14 | |
Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,783
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
|
|
![]() |
![]() |
![]() |
#15 |
Enthusiast
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 26
Karma: 1658
Join Date: Jun 2018
Location: Mobile in Arizona, currently Flagstaff
Device: None
|
No Ruben. My manuscript is a Word Doc.x. No PDF.
Thanks for the help! I'm going to look into getting a reader that I can add apps too for both epub and Mobi. This way I can actually see how they will read on an actual reading device... All page numbers were removed prior. They don't show up in my manuscript, only after conversion... |
![]() |
![]() |
![]() |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
[IOS] What is the best ipad caliber companion to connect to my windows caliber lib? | emanueol | Apple Devices | 28 | 01-08-2019 04:32 AM |
Caliber help for deleting Book Title, page nos., Date and time in EPUB o/p file | svkanthikiran | Conversion | 2 | 08-16-2014 04:06 PM |
1st Time | landdog49 | Kindle Fire | 2 | 02-10-2012 08:16 AM |
Assistance with look of conversion... | Bev M | Kindle Formats | 2 | 10-31-2010 11:06 AM |