Quote:
Originally Posted by Ephraim
Sorry...Not too good at CSS yet. How do I go about doing this?
|
Add the red stuff:
<?xml version="1.0"?>
<!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>
<meta content="http://calibre-ebook.com" name="generator" />
<title>unamed</title>
<meta content="2008-6-23" name="creation-time" />
<meta content="2008-6-27" name="revision-time" />
<link href="../Styles/Style%20Sheet.css" rel="stylesheet" type="text/css" />
<style type="text/css">
@page { margin-bottom: 5.000000pt; margin-top: 5.000000pt; }
span.sgc-1 {font-weight: bold}
h3.sgc-3 {text-align: center;}
h2.sgc-2 {text-align: center;}
body, div, p, h1, h2, h3, h4 { margin: 0; padding: 0; }
span.sgc-4 {font-size: 34px;}
span.sgc-6 {font-size: 27px;}
span.sgc-5 {font-size: 27px; font-weight: normal}
div.nobreak {page-break-inside: avoid;}
</style>
</head>
<body class="calibre">
<div class="nobreak">
<div class="s">
<p class="calibre2"></p>
<h2 class="sgc-2 sigilNotInTOC"><span class="sgc-4"><br /></span></h2>
<h2 class="sgc-2 sigilNotInTOC"><span class="sgc-4">Chapter 1</span></h2>
</div>
<div class="s">
<p class="calibre2"></p>
<h3 class="sgc-3 sigilNotInTOC"><span class="sgc-5"><img alt="" src="../Images/SS-18.JPG" /></span></h3>
<h3 class="sgc-3" id="heading_id_2"><span class="sgc-6">The Guy Who Walked</span></h3>
</div>
</div>
</body>
</html>
But, if you are getting a pagebreak there, it's because it does not fit in a page, and there's not much to do.