Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 11-21-2014, 12:41 PM   #1
rosshalde
Connoisseur
rosshalde began at the beginning.
 
Posts: 77
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.
rosshalde is offline   Reply With Quote
Old 11-21-2014, 02:10 PM   #2
odedta
Addict
odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.
 
Posts: 293
Karma: 95952
Join Date: Dec 2013
Device: iPad
Only a good look at your CSS can reveal the answer.
odedta is offline   Reply With Quote
 
Advertisement
Old 11-21-2014, 02:15 PM   #3
rosshalde
Connoisseur
rosshalde began at the beginning.
 
Posts: 77
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>
rosshalde is offline   Reply With Quote
Old 11-21-2014, 02:36 PM   #4
odedta
Addict
odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.odedta knows how to set a laser printer to stun.
 
Posts: 293
Karma: 95952
Join Date: Dec 2013
Device: iPad
double post, read the answer here: http://www.mobileread.com/forums/sho...d.php?t=251532
odedta is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

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


All times are GMT -4. The time now is 01:32 AM.


MobileRead.com is a privately owned, operated and funded community.