I have a GRID application free-form HTML template that formats output for printing Avery 5160 labels. The output in HTML is close enough to work in most cases. However, when I run the GRID application, the data output works but the PDF version re-formats (smaller) and is not usable for printing the labels… that is they do not align properly.
Has anyone successfully created a form that prints to labels? What do I need to include in my HTML to remedy the issue? Any feedback would be appreciated.
HTML Code:
<!doctype html>
<html lang=“en”>
<head>
<meta charset=“utf-8”>
<title>HTML & CSS Avery Labels (5160) by MM at Boulder Information Services</title>
<link href=“labels.css” rel=“stylesheet” type=“text/css” >
<style>
body {
width: 8.5in;
margin: 0in .1875in;
}
.label{
/* Avery 5160 labels -- CSS and HTML by MM at Boulder Information Services */
width: 2.025in; /* plus .6 inches from padding */
height: .75in; /* plus .125 inches from padding */
padding: .25in .3in 0;
margin-right: .125in; /* the gutter */
float: left;
text-align: center;
overflow: hidden;
outline: 1px dotted; /* outline doesn't occupy space like border does */
}
.page-break {
clear: left;
display:block;
page-break-after:always;
}
</style>
</head>
<body>
<div class=“label”>{faculty_fname} {faculty_lname}</div>
</body>
</html>