View Single Post
Old 04-08-2022, 04:27 PM   #13
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 79,796
Karma: 146391129
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by Whitesox84 View Post
Yes, just follow this steps now. All the files are .mobi, then plugin create the spub, but when i send to kobo all the images (minus the cover) keeps like the picture
Here is a sample CSS and HTML that will work to make the images full screen and keep the aspect ratio. It's very simple code.

Code:
body {
  widows: 1;
  orphans: 1;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  text-align: justify;
}
img {
  max-height: 100%;
  max-width: 100%;
}
.image {
  text-align: center;
  text-indent: 0;
  height: 100%;
}
Code:
<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>bk_1_title_page</title>
<link rel="stylesheet" type="text/css" href="../Styles/style0001.css"/>
</head>
<body>
<div class="image">
<img alt="" class="image" src="../Images/image001.jpeg"/>
</div>
</body>
</html>
JSWolf is offline   Reply With Quote