hi everyone.
what i'm trying to do is to put images in kepub files in "full display" mode the same way the cover appears.
to clarify; when i do a kepub conversion with calibre i get a "page_styles.css" (linked to every xhtml file except for the cover) in which there are the guidelines for the top and bottom margins
while the titlepage.xhtml is not linked to any stylesheet and gets the information directly in the code
now.
how can i get the same thing with non-cover images?
right now i've used the add cover function in sigil to wrap every image in the svg code and added a "svgouter" class like this one
the svgouter class is inserted in the stylesheet.css and until now the only things defined were display: block; and text-align: center
i've tried to put a margin definition with 0 and -5pt (2 attempts) but with no changes.
someone has a solution?
how can i get a full screen image with no margins in kepub files?
what i'm trying to do is to put images in kepub files in "full display" mode the same way the cover appears.
to clarify; when i do a kepub conversion with calibre i get a "page_styles.css" (linked to every xhtml file except for the cover) in which there are the guidelines for the top and bottom margins
Code:
@page {
margin-bottom: 5pt;
margin-top: 5pt
}Code:
....
<title>Cover</title>
<style type="text/css">
@page {padding: 0pt; margin:0pt}
body { text-align: center; padding:0pt; margin: 0pt; }
</style>
</head>
<body>
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1123 1600" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="1600" width="1123" xlink:href="../Images/cover.jpeg"></image>
</svg>
</div>
</body>
</html>how can i get the same thing with non-cover images?
right now i've used the add cover function in sigil to wrap every image in the svg code and added a "svgouter" class like this one
Code:
<div class="svgouter">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1123 1600" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="1600" width="1123" xlink:href="../Images/p001.jpg"></image>
</svg>
</div>i've tried to put a margin definition with 0 and -5pt (2 attempts) but with no changes.
someone has a solution?
how can i get a full screen image with no margins in kepub files?