"Book Cover for iPhone" HELP!!!!

Ephraim · 12-08-2010, 05:01 PM

I had asked this question on another post and didn't get a response so I'll repost.

First off I am making ePubs for my iPhone. And when I sync book covers for the ePub to my ibooks and iPhone there is a lot of extra white space around the book cover. Is there anyway to remove these margins and have the book cover completely fill the iPhone screen. Your help is much needed and appreciated.

Danger · 12-08-2010, 07:35 PM

Did a bit of experimenting. First try to find the pixel dimensions of your iPhone

In Sigil go to code view of (presumably) titlepage.html (possibly .xhtml)

This is what I have:

Quote:

<title>Cover</title>
<link href="../Styles/stylesheet.css" rel="stylesheet" type="text/css" />
</head>

<body class="marg">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 600 800" width="100%">
<image height="800" width="600" xlink:href="../Images/cover.jpg"></image>
</svg>
</body>

Noticed I linked my Stylesheet.css with this page as well as the rest of my "text" pages.

where class="marg" I have in my stylesheet the following:

Quote:

.marg {
margin: 0 0 0 0
}

The height="100%" is linked to width="100%" with preserveAspectRatio.

This cover is setup for my Kobo screen size, which is 600w x 800h, so if you know what your iPhone pixel dimensions are you can change the numbers accordingly. I haven't played with this much but the numbers work for me giving me full screen coverage with the book cover. There is still a border around the image but that's the way the Kobo is.

Ephraim · 12-08-2010, 08:07 PM

First off thanks for the reply!
Second...I dont have anything that says class=marg or anywhere that i can see the height or width of my image. ??? where do i go from here?

Ephraim · 12-08-2010, 08:34 PM

Ok i did a little research and im pretty sure that the image and text have to have that margin around the picture. I just was hoping to get rid of it for the image but i dont think you can. It's set like that in ibooks. But thanks alot for your reply. I do have one more question if you have time. Thank you.

Danger · 12-09-2010, 10:07 AM

Quote:

Originally Posted by Ephraim

First off thanks for the reply!
Second...I dont have anything that says class=marg or anywhere that i can see the height or width of my image. ??? where do i go from here?

class="marg" ... marg is defined in the stylesheet.css, possibly in your case the default name would be styles0001.css

It's just set to override any previously set margins.

Always have time, so ask away.

Ephraim · 12-10-2010, 12:50 PM

Ok I understand. Thanks. Ok my second problem is that I am having troubles with having everything look nice and neat once synced to my iPhone. Is there a way to have everything line up on its on with all the right spacing and everything? my problem is that i add the chapter title and the chapter image and the chapter number but when i sync to my phone all the spacing isnt right. everything is at the top and all the extra space at the bottom. Hope I was clear. Thanks

JSWolf · 12-11-2010, 11:01 AM

Give Bluefire reader a go. It works much better then iBooks. And if it works in ADE, it works in Bluefire.

12-08-2010, 05:01 PM	#1
Ephraim Enthusiast Posts: 29 Karma: 10 Join Date: Nov 2010 Device: ibooks	"Book Cover for iPhone" HELP!!!! I had asked this question on another post and didn't get a response so I'll repost. First off I am making ePubs for my iPhone. And when I sync book covers for the ePub to my ibooks and iPhone there is a lot of extra white space around the book cover. Is there anyway to remove these margins and have the book cover completely fill the iPhone screen. Your help is much needed and appreciated.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Get value of "<img src="x..." for cover	miwie	Recipes	3	11-22-2010 11:50 AM
My DIY cover for the Kobo - the "KoBook" (or "BooKobo")	Beorn	Kobo Reader	4	07-12-2010 07:06 PM
"How to Create an E-Book for the Kindle, Nook, iPad/iPhone/iTouch"	dpapathanasiou	News	3	04-28-2010 04:09 PM
Synchronising "Book" and "Code" views	HarryT	Sigil	2	08-11-2009 07:07 AM
New "E-Book Devices" "Bookeen Opus" forum desired	ericch	Bookeen	3	08-06-2009 06:31 PM

12-08-2010, 08:07 PM	#3
Ephraim Enthusiast Posts: 29 Karma: 10 Join Date: Nov 2010 Device: ibooks	First off thanks for the reply! Second...I dont have anything that says class=marg or anywhere that i can see the height or width of my image. ??? where do i go from here?

12-08-2010, 08:34 PM	#4
Ephraim Enthusiast Posts: 29 Karma: 10 Join Date: Nov 2010 Device: ibooks	Ok i did a little research and im pretty sure that the image and text have to have that margin around the picture. I just was hoping to get rid of it for the image but i dont think you can. It's set like that in ibooks. But thanks alot for your reply. I do have one more question if you have time. Thank you.

12-10-2010, 12:50 PM	#6
Ephraim Enthusiast Posts: 29 Karma: 10 Join Date: Nov 2010 Device: ibooks	Ok I understand. Thanks. Ok my second problem is that I am having troubles with having everything look nice and neat once synced to my iPhone. Is there a way to have everything line up on its on with all the right spacing and everything? my problem is that i add the chapter title and the chapter image and the chapter number but when i sync to my phone all the spacing isnt right. everything is at the top and all the extra space at the bottom. Hope I was clear. Thanks

12-11-2010, 11:01 AM	#7
JSWolf Resident Curmudgeon Posts: 74,491 Karma: 129668758 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Give Bluefire reader a go. It works much better then iBooks. And if it works in ADE, it works in Bluefire.