image and white margins

Copycat · 04-14-2011, 04:08 PM

Hi all, i have problem with cover image, iam using cs5 for epub, and ADD is allways showing white margins (top and left side) i cant remove it, when i put epub in sigil and put image from it i have same problem in ADD.. image is 600x800...

xhtml code:

<?xml version="1.0"?>
<!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>cove_page.xhtml</title>
<link href="../Styles/template.css" rel="stylesheet" type="text/css" />
</head>

<body style="">
<div id="cove-page">
<div class="generated-style"><img alt="global.png" src="../Images/global_fmt.jpeg" /></div>
</div>
</body>
</html>

is there any solution with margins?
thanks in advance

theducks · 04-14-2011, 04:18 PM

Quote:

Originally Posted by Copycat

Hi all, i have problem with cover image, iam using cs5 for epub, and ADD is allways showing white margins (top and left side) i cant remove it, when i put epub in sigil and put image from it i have same problem in ADD.. image is 600x800...

xhtml code:

<?xml version="1.0"?>
<!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>cove_page.xhtml</title>
<link href="../Styles/template.css" rel="stylesheet" type="text/css" />
</head>

<body style="">
<div id="cove-page">
<div class="generated-style"><img alt="global.png" src="../Images/global_fmt.jpeg" /></div>
</div>
</body>
</html>

is there any solution with margins?
thanks in advance

If you don't set them, device defaults prevail.
You have no body style declared

"generated-style " is an unknown
Your background color is the default white making any issue obvious
do yo want the aspect ratio distorted

or maintained
IMHO testing margins on a display with a hugely different aspect ratio is questionable

Copycat · 04-14-2011, 04:50 PM

hmm, my knowledge of html is very small

can you tell me what to do?
i dont now to set body style, or anything in code, thats why i need help in that.
if its not to complicated to do

theducks · 04-14-2011, 05:12 PM

Quote:

Originally Posted by Copycat

hmm, my knowledge of html is very small

can you tell me what to do?
i dont now to set body style, or anything in code, thats why i need help in that.
if its not to complicated to do

Reverse engineer one (a book/page) you like

That is what I did a little over a year ago. I had never used a stylesheet and my previous HTML was 2.x

This is my 'standard' I use from Calibre (This is <body class="calibre"> that wotks with ADE on my 5" reader (The wider Right is so the Adobe 'page' numbers don't mush into the text)

Code:

.calibre {
    display: block;
    font-size: 1.2em;
    margin-bottom: 0;
    margin-left: 2pt;
    margin-right: 16pt;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    page-break-before: always
    }

Toxaris · 04-15-2011, 05:16 AM

on the epub part of the forum there is a thread (I believe the CSS tip thread) where there is more about covers. In there the complete code is given for a cover page which will size the cover to be 800x600, but maintaining ratio. It is in a svg wrapper. I will try to look it up.

Found it: link

I always use this as my coverpage, with my own small adjustments. But, it will work as said.

Copycat · 04-15-2011, 06:10 AM

thanks a lot guys, will try this..

04-14-2011, 04:08 PM	#1
Copycat Junior Member Posts: 3 Karma: 10 Join Date: Apr 2011 Device: none	image and white margins Hi all, i have problem with cover image, iam using cs5 for epub, and ADD is allways showing white margins (top and left side) i cant remove it, when i put epub in sigil and put image from it i have same problem in ADD.. image is 600x800... xhtml code: <?xml version="1.0"?> <!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>cove_page.xhtml</title> <link href="../Styles/template.css" rel="stylesheet" type="text/css" /> </head> <body style=""> <div id="cove-page"> <div class="generated-style"><img alt="global.png" src="../Images/global_fmt.jpeg" /></div> </div> </body> </html> is there any solution with margins? thanks in advance Attached Thumbnails

04-15-2011, 05:16 AM	#5
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	on the epub part of the forum there is a thread (I believe the CSS tip thread) where there is more about covers. In there the complete code is given for a cover page which will size the cover to be 800x600, but maintaining ratio. It is in a svg wrapper. I will try to look it up. Found it: link I always use this as my coverpage, with my own small adjustments. But, it will work as said. Last edited by Toxaris; 04-15-2011 at 05:19 AM.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Good AI Autocropper - "VeryDOC PDF White Margins Removal"	3rd	PDF	6	11-28-2010 09:37 AM
Any good app for removing white margins of pdf?	hupple	Amazon Kindle	4	10-17-2010 06:22 PM
Stripping white margins from PDFs	doreenjoy	Workshop	15	06-19-2009 04:14 AM
Horror White, Frederick M.: The Great White Moth v1 23 apr 2009	mtravellerh	ePub Books	0	04-23-2009 07:06 AM
Horror White, Fred Merrick: The Four White Days. V1. 7 Dec 2008	crutledge	IMP Books	0	12-07-2008 01:12 PM

04-14-2011, 04:50 PM	#3
Copycat Junior Member Posts: 3 Karma: 10 Join Date: Apr 2011 Device: none	hmm, my knowledge of html is very small can you tell me what to do? i dont now to set body style, or anything in code, thats why i need help in that. if its not to complicated to do

04-15-2011, 06:10 AM	#6
Copycat Junior Member Posts: 3 Karma: 10 Join Date: Apr 2011 Device: none	thanks a lot guys, will try this..

Advert

Advert