I can't get the images that display perfectly in Sigil to display at all on my Nook Basic.
I tried a method I found
here to no avail. Here is my code:
Style0001.css
Code:
.svg_outer {
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;
text-align: left;
}
.svg_inner {
display: block;
text-align: center;
}
01 Title PageBW.xhtml
Code:
<?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>
<link href="../Styles/Style0001.css" rel="stylesheet" type="text/css"/>
<style type="text/css">
@page { margin: 0.000000pt; padding: 0.000000pt; }
</style>
<title>"Bawdy Booklet Of Buxom Buccaneer Beauties"</title>
</head>
<body>
<div class="svg_outer">
<div class="svg_inner">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet"
version="1.1" viewBox="0 0 592 900" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="900" width="592" xlink:href="../images/01 Title PageBW.jpg"/>
</svg>
</div>
</div>
</body>
</html>
I've tried reducing the height and width by half and that didn't work. Like I say, it works perfectly in Sigil, but not on my Nook Basic. Please help.