View Single Post
Old 01-01-2013, 09:47 PM   #7
Rand Brittain
Bookmaker
Rand Brittain can eat soup with a fork.Rand Brittain can eat soup with a fork.Rand Brittain can eat soup with a fork.Rand Brittain can eat soup with a fork.Rand Brittain can eat soup with a fork.Rand Brittain can eat soup with a fork.Rand Brittain can eat soup with a fork.Rand Brittain can eat soup with a fork.Rand Brittain can eat soup with a fork.Rand Brittain can eat soup with a fork.Rand Brittain can eat soup with a fork.
 
Posts: 218
Karma: 9102
Join Date: Sep 2010
Device: Cybook Opus
Quote:
Originally Posted by dgatwood View Post
I'm not seeing any spacing around the image when I view just the snippets you have above in Safari with paragraphs of text after it. So whatever is happening, it's probably somewhere in your CSS other than in the bits posted above.
Hm. See anything that could cause the issue?

Code:
@page {
	margin-top: 5pt;
	margin-bottom: 5pt;
}

body {
	display: block;
}

blockquote {
	margin-left: 0;
	margin-right: 0;
	text-indent: 0;
	}

.bold {
	font-weight: bold;
}

.break1 {
	margin-top: 1em;
	}
	
.break2 {
	margin-top: 2em;
}

.break-before {
	page-break-before: always;
}

.center {
	text-align: center;
	text-indent: 0;
}

.clean {
	text-indent: 0;
}

.footnote {
	page-break-before: always;
	padding-top: 10%;
	font-size: 0.85em;
}

.fullbox {
	page-break-before: always;
	padding-top: 2.0em;
	display: block; 
	padding-bottom: .25em;
}

.fullpage {
	page-break-before: always;
	page-break-after: always;
	padding-top: 25%;
}

.fullpageA {
	page-break-after: always;
	padding-top: 25%;
}

.gallery {
	height: 20%;
	page-break-after: always;
}

.galleryi {
	max-width: 100%;
	max-height: 80%;
}

.galleryii {
	max-width: 100%;
	max-height: 100%;
}

h1, h2, h3, h4, h5 {
	text-align: center;
	text-indent: 0;
	margin-bottom: 1.0em;
	margin-top: 1.0em;
}


h1.title {
text-align: center; 
margin-top: 2.0em; 
margin-bottom: 1.0em; 
font-size: 2.5em;
	}
	
h2.author {
text-align: center; 
margin-top: 1.0em;
	}

h4.year {
text-align: center; 
margin-top: 2.0em;
	}

.icon {
	float: right;
	display: block;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

li.defining {
	list-style-image:url("../Images/defining-bullet.png");
}

li.dramatic {
	list-style-image:url("../Images/dramatic-bullet.png");
}

li.heroic {
	list-style-image:url("../Images/heroic-bullet.png");
}

li.lurid {
	list-style-image:url("../Images/lurid-bullet.png");
}

li.passionate {
	list-style-image:url("../Images/passionate-bullet.png");
}

li.pastoral {
	list-style-image:url("../Images/pastoral-bullet.png");
}

li.ritual {
	list-style-image:url("../Images/ritual-bullet.png");
}

li.setting {
	list-style-image:url("../Images/setting-bullet.png");
}

.iconic-title {
	page-break-before: always;
	padding-top: 20%;
}

.iconic-image {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1.0em;
	max-width: 30%;
}

.iconic-image-left {
	margin-top: 1.0em;
	max-width: 50%;
	float: left;
}

.iconic-image-right {
	margin-top: 1.0em;
	max-width: 50%;
	float: right;
}

.iconic-marker {
	font-style: italic;
	text-align: center;
	text-indent: 0;
	font-size: 85%;
	margin-top: 1.0em;
	page-break-after: always;
}

.italic {
	font-style: italic;
}

p {
	text-indent: 2.0em;
	margin-top: 0;
	margin-bottom: 0;
	text-align: justify;
}

p.missive {
	margin-left: 1em;
	margin-right: 1em;
	text-indent: 0em;
}

p.missive-indent {
	margin-left: 1em;
	margin-right: 1em;
	text-indent: 2em;
}

.right {
	text-align: right;
	}

.sidebar {
    border: 5px groove;
    display: block; 
    float: right;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1%;
    width: 40%;
    padding-bottom: .25em;
	 padding-left: 4px;
	 padding-right: 4px;
	 font-size: 0.8em;
}

.sidebarL {
    border: 5px groove;
    display: block; 
    float: left;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1%;
    width: 40%;
    padding-bottom: .25em;
	 font-size: 0.8em;
}

.sidebarLink {
/* Comment out the next line for linked sidebars; uncomment it for full ones. */
/*   display: none; */
	text-align: center;
	text-indent: 0;
	
}

.sidebarEll {
/* Comment out the next line for linked sidebars; uncomment it for full ones. */
/*  display: none; */
}

.sidebarTextB {
/* Uncomment the next line for linked sidebars; comment it out for full ones. */
  display: none; 
}

.sidebarpage {
	page-break-before: always;
	margin-top: 2.0em;
}

.small-caps {
	font-size: 85%;
	}

.snapshot {
	page-break-before: always;
	margin-top: 1.0em;
	margin-bottom: 1.0em;
	border-bottom: 2px solid black;
	text-align: left;
	font-style: italic;
}

span.subtitle {
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
}

ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}

ul.inner {
	margin-top: 0;
	margin-bottom: 0;
}
Quote:
I see you have a viewport of 512 pixels but some of the values of the data are larger than that. Perhaps it is being scaled in the eBook with a simplistic scale factor which is leaving whitespace. Just a guess. But you might try drawing it so that it does not need scaling.
How do you mean, precisely?
Rand Brittain is offline   Reply With Quote