Quote:
Originally Posted by codys
Hi Hitch.
Here is an example:
From the text:
Code:
<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Lorem Ipsum</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
<link href="page_styles.css" rel="stylesheet" type="text/css"/>
</head>
<body class="calibre">
<h3 class="block_3" id="toc_id_87">Introduction</h3>
...
From stylesheet.css
Code:
...
.block_3 {
display: block;
line-height: 1.2;
text-align: center;
font-size: 1.0em;
font-weight: normal;
text-decoration: underline;
margin: 12pt 0 3pt;
padding: 0
}
...
.calibre {
color: #000;
display: block;
font-family: "Times New Roman", serif;
font-size: 1em;
line-height: 1.2;
padding-left: 0;
padding-right: 0;
margin: 0 5pt
...
Entirety of page_styles.css:
Code:
@page {
margin-bottom: 5pt;
margin-top: 5pt
}
This is how it looks:
 |
Well, the thing is, with CSS...you have that whole pesky inheritance thing. do you have any paragraph styles or heading styles that are upstream of that? What are your style classes for your h, h1-h6 classes?
Hitch