removing padding around pictures

rosshalde · 11-21-2014, 11:41 AM

I am creating a few epubs with lots of pictures.
I noticed that on the Kobo there is no padding/margins (not sure which is correct) around the pictures. That is what I want. On the Nook, there is a padding/margin around the pic (top/bottom) only. Here is the problem.
When a new chapter begins with words, it starts all the way at the top, but when a new chapter begins with a picture there is a substantial padding/margin at the top. I don't want that. Any idea how to get rid of this. It is not part of the code (as far as I know) as neither the Kobo or the mobi on Kindle have this problem.

odedta · 11-21-2014, 01:10 PM

Only a good look at your CSS can reveal the answer.

rosshalde · 11-21-2014, 01:15 PM

here is the css and the code I am linking it to. I realize the css is absurd, but this is what Pages spit out for me to use. Again, It is only images that have the issue and only on Nook. Kindle and Kobo don't have it.
I thought this line

body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
would fix the problem, but no dice.

sup{
font-size: 67%;
vertical-align: 33%;
}
sub{
font-size: 67%;
vertical-align: -10%;
}
p{
margin: 0px;
}
.s1{
color: #000000;
font-size: 100.00%;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0.0000em;
margin-bottom: 0.0000%;
margin-top: 0.0000%;
padding-left: 0.0000%;
padding-right: 0.0000%;
text-align: left;
text-decoration: none;
text-indent: 3.0000%;
text-transform: none;
}

.s2{
color: #000000;
font-size: 125.00%;
font-style: normal;
font-variant: normal;
font-weight: bold;
letter-spacing: 0.0000em;
margin-bottom: 0.0000%;
margin-top: 0.0000%;
padding-left: 0.0000%;
padding-right: 0.0000%;
text-align: center;
text-decoration: none;
text-indent: 0.0000%;
text-transform: none;
}
s3{
color: #000000;
font-size: 100.00%;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: 0.0000em;

margin-bottom: 0.0000%;
margin-top: 0.0000%;
padding-left: 0.0000%;
padding-right: 0.0000%;
text-align: left;
text-decoration: none;
text-indent: 0.0000%;
text-transform: none;
}

body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
as well as the code is is applied to

<?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>1 Section 1 | Misericordia Readers Pre-Primer</title>
<meta content="BDA4F8FE-D078-4656-AE52-1A2D4DFB64C3" name="EPB-UUID" />
<link href="../Styles/book.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="body" style="white-space:normal">
<h1 style="text-align: center;" title="Mary"><img alt="Misericordia Readers Pre-Primer_Page_04" src="../Images/Misericordia%20Readers%20Pre-Primer_Page_04.jpeg" /></h1>

<p class="s2">Mary</p>

<p class="s1">Wake up, Mary.</p>

<p class="s1">Wake up.</p>

<p class="s1">Wake up.</p>

<p class="s1">Wake up, Mary.</p>
</div>
</body>
</html>

odedta · 11-21-2014, 01:36 PM

double post, read the answer here: https://www.mobileread.com/forums/sho...d.php?t=251532

11-21-2014, 11:41 AM	#1
rosshalde Zealot Posts: 142 Karma: 10 Join Date: Jun 2014 Device: nook	removing padding around pictures I am creating a few epubs with lots of pictures. I noticed that on the Kobo there is no padding/margins (not sure which is correct) around the pictures. That is what I want. On the Nook, there is a padding/margin around the pic (top/bottom) only. Here is the problem. When a new chapter begins with words, it starts all the way at the top, but when a new chapter begins with a picture there is a substantial padding/margin at the top. I don't want that. Any idea how to get rid of this. It is not part of the code (as far as I know) as neither the Kobo or the mobi on Kindle have this problem.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
pdf padding	maf_9000	Amazon Kindle	0	12-29-2012 06:33 AM
epub to mobi - padding right not working	1611mac	Conversion	3	11-12-2011 04:10 PM
Zero Padding?	penguinaka	Library Management	2	07-20-2011 03:32 PM
Remove padding in tables	skypilotpete	Conversion	2	03-24-2011 01:35 AM
PRS-505 Removing pictures	crsheilah	Sony Reader	7	02-01-2011 09:46 AM

11-21-2014, 01:10 PM	#2
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	Only a good look at your CSS can reveal the answer.

11-21-2014, 01:15 PM	#3
rosshalde Zealot Posts: 142 Karma: 10 Join Date: Jun 2014 Device: nook	here is the css and the code I am linking it to. I realize the css is absurd, but this is what Pages spit out for me to use. Again, It is only images that have the issue and only on Nook. Kindle and Kobo don't have it. I thought this line body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; } would fix the problem, but no dice. sup{ font-size: 67%; vertical-align: 33%; } sub{ font-size: 67%; vertical-align: -10%; } p{ margin: 0px; } .s1{ color: #000000; font-size: 100.00%; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: 0.0000em; margin-bottom: 0.0000%; margin-top: 0.0000%; padding-left: 0.0000%; padding-right: 0.0000%; text-align: left; text-decoration: none; text-indent: 3.0000%; text-transform: none; } .s2{ color: #000000; font-size: 125.00%; font-style: normal; font-variant: normal; font-weight: bold; letter-spacing: 0.0000em; margin-bottom: 0.0000%; margin-top: 0.0000%; padding-left: 0.0000%; padding-right: 0.0000%; text-align: center; text-decoration: none; text-indent: 0.0000%; text-transform: none; } s3{ color: #000000; font-size: 100.00%; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: 0.0000em; margin-bottom: 0.0000%; margin-top: 0.0000%; padding-left: 0.0000%; padding-right: 0.0000%; text-align: left; text-decoration: none; text-indent: 0.0000%; text-transform: none; } body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; } as well as the code is is applied to <?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>1 Section 1 \| Misericordia Readers Pre-Primer</title> <meta content="BDA4F8FE-D078-4656-AE52-1A2D4DFB64C3" name="EPB-UUID" /> <link href="../Styles/book.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="body" style="white-space:normal"> <h1 style="text-align: center;" title="Mary"><img alt="Misericordia Readers Pre-Primer_Page_04" src="../Images/Misericordia%20Readers%20Pre-Primer_Page_04.jpeg" /></h1> <p class="s2">Mary</p> <p class="s1">Wake up, Mary.</p> <p class="s1">Wake up.</p> <p class="s1">Wake up.</p> <p class="s1">Wake up, Mary.</p> </div> </body> </html>

11-21-2014, 01:36 PM	#4
odedta Addict Posts: 398 Karma: 96448 Join Date: Dec 2013 Device: iPad	double post, read the answer here: https://www.mobileread.com/forums/sho...d.php?t=251532

Advert