...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<!doctype html>
<html>
<head>
<meta http-equiv="x-ua-compatible" content="IE=Edge"/>
<title>iShare Print To Scale</title>
<link type="text/css" rel="stylesheet" href="css/astun-common.css" />
<link type="text/css" rel="stylesheet" href="css/astun-portrait.css" />
<style type="text/css">
@page
{
size: A4 portrait 210mm 297mm;
margin: 0;
}
body
{
width: 190mm;
height: 277mm;
margin: 10mm 10mm 10mm 10mm;
}
#map
{
height: 240mm;
}
</style>
<link type="text/css" rel="stylesheet" href="css/astun-portrait.css" />
</head>
<body>
<div class="wrapper">
<div id="header"></div>
<div id="map">##map##
<div id="legend">##legend##</div>
</div>
<div id="footer">
<div class="fWrapper">
<div id="info">
<span id="title" class="ishare-edit-inline">##title.Enter map title##</span>
<p id="scale"><img src="images/NorthArrow.png" id="north" />Scale: <span class="ishare-scale">##scale.0##</span></p>
<p class="printinfo">Printed on: <span class="ishare-timestamp">##timestamp.1970-01-01##</span> by <span class="ishare-user">##user.user@domain##</span></p>
</div><!-- info -->
<div id="organization">
<img alt="Astun Technology logo" src="images/print-logo.svg" id="logo" />
<div id="copyright">© Astun Technology Ltd</div>
</div><!-- atCompany-->
</div><!-- fWrapper -->
</div><!-- footer -->
</div><!-- wrapper -->
</body>
</html> |
...
The page size is controlled by the @page entry. You may create whatever page size you like . The but the following is a list of the standard paper sizes A1 - A5. The body width & height entries should be less than the page size; by approximately 20mm.
...
Page Size | Portrait Size | Landscape Size |
|---|---|---|
| A1 | size: 594mm x 841mm; | size: 594mm 420mm; |
| A2 | size: 420mm 594mm; | size: 594mm 420mm; |
| A3 | size: 297mm x 420mm; | size: 420mm 297mm; |
| A4 | size: 210mm 297mm; | size: 297mm 210mm; |
| A5 | size: 148mm x 210mm;2size: | size 10mm 148mm; |
Generic User-Editable Elements
...