Hi guys,
when sending the form as a pdf - I have some difficulties getting my images to show (both the ones I include in the form in text fields and the ones I just type in the html - what am I doing wrong here ?
This is my HTML:
<!DOCTYPE html>
<html>
<head>
<style>
P {
color: dark grey;
font-family: verdana,geneva,arial,helvetica;
font-size: 11pt;
}
div {
font-size:small;
}
table {
border-collapse: collapse;
}
table, td, th {
border: 1px Solid Grey;
}
td {
padding: 5px;
font-size: 12px;
color: #333333;
}
table {
width: 100%;
}
h1 {color: #333333; font-size:18px;}
h2 {color: #28555B; font-size:16px;}
h3 {color: #333333; font-size:14px;}
h4 {color: #01A1B7; font-size:14px;}
}
.footer {
width: 100%;
text-align: center;
position: fixed;
font-size: 8pt;
bottom: 0px;
}
.pagenum:before {
content: counter(page);
}
header { position: fixed; top: 0px; left: 0px; right: 0px; height: 50px; }
body {
margin: 90px 5px 5px 15px;
}
</style>
</head>
<body>
<header>
<table>
<tr><td width="100%">{prodtype:value}</td></tr>
<tr><td width="100%">{Company:value}, {global:date_added}</td>
</tr>
</table>
<br>
</header>
<div class="footer">
<hr>
Page <span class="pagenum"></span>
</div>
<center>
<!-- THIS DOESN'T SHOW --> {prodtype logo:path}
<!-- THIS DOESN'T SHOW --> <p style="text-align: center;"><img src="
www.waterproofingPilot.com/images/ProductTypes/P-TYPE-01.png" title="Waterproofing product Type no" width="100" height="100" /></p>
</center>
<center><h4>WATERPROOFING PRODUCT SUPPLIER DECLARATION</h4>
<br>
<h2>{prodtype:value}</h2>
</center>
<hr>
<h3>1. PROJECT INFO</h3>
<hr>
<br/>
<table>
<tr>
<td width=“30%”><strong>1.1 Project: </strong></td>
<td width=“70%”><h3>{ProjectName:value}</h3></td>
</tr>
<tr>
<td width=“30%”><strong>1.2 Company: </strong></td>
<td width=“70%”>{ToCompany:value}</td>
</tr>
<tr>
<td width=“30%”><strong>1.3 Contact: </strong></td>
<td width=“70%”>{ToAtt:value}</td>
</tr>
<tr>
<td width=“30%”><strong>1.4 E-mail:</strong></td>
<td width=“70%”>{ToEmail:value}</td>
</tr>
</table>
<br>
<hr>
<h3>2. SUPPLIER</h3>
<hr>
<table>
<tr><td width="100%"><p>This Supplier Declaration is made by {Name:value} / {Company:value} / on
www.WaterproofingPilot.com.</p></td></tr>
<tr><td width="100%"><p>Email: {YourEmail:value}</p></td></tr>
<tr><td width="100%"><p>Projectinfo: {WPMcheck:value}</p></td></tr>
</table>
<Div>
<hr>
<h3>3. DEVIATIONS:</h3>
<hr>
<p><strong>Topics where the proposed products deviates from project requirements: </strong></p>
<p>
{Deviations:value}
</p>
</Div>
<Div>
<hr>
<h3>4. COMMON REASONS FOR FAILURE:</h3>
<hr>
<p><strong>When failure is experienced with the proposed product it will typically be because: </strong></p>
<p>
{Pittfalls:value}
</p>
</Div>
<Div>
<hr>
<h3>5. PRODUCT COMPATIBILITY:</h3>
<hr>
<p><strong>Does the proposed product have compatibility issues with other products or building materials?: </strong></p>
<p>
{Conflicts:value}
</p>
</Div>
<Div>
<hr>
<h3>6. ALTERNATIVE PRODUCT SUGGESTIONS:</h3>
<hr>
<p><strong>Products that might be better than the proposed/suggested: </strong></p>
<p>
{Proposals:value}
</p>
</Div>
<Div>
<hr>
<h3>7. MISC. INFO:</h3>
<hr>
<p><strong>Ideas, warnings, comments etc.: </strong></p>
<p>
{Misc:value}
</p>
</Div>
<Div>
<hr>
<h3>8. QUALIFICATIONS, SERVICES & GUARANTEES:</h3>
<hr>
<p><strong>Product suitability: </strong> {Suitability:value}</p>
<p><strong>Sales rep. qualifications: </strong> {Repqual:value}</p>
<p><strong>Instruction service: </strong> {Instruction:value}</p>
<p><strong>QC assist as a service: </strong> {QCassist:value}</p>
<p><strong>Functionality Guarantee: </strong> {Guarantee:value}</p>
</Div>
<hr>
<center><p>Powered by:</p>
<!-- THIS DOESN'T SHOW --> <img src="/images/" alt="AlternativText" /> src="
waterproofingpilot.com/images/WPP-logos/wpp-logo-01-small.png" alt="WaterproofingPilot.com">
</center>
</body>
</html>
