Stil (överst i mallen):
<style type="text/css">* { vertical-align: top; } body { margin: 0; } img { display: block; } /* Justera marginalen på sidan */ #margin { margin: 6mm; } /* Texten i övre högra hörnet */ #invoiceText { font-size: 38px; } /* Texten under bilden */ #projectText { font-size: 30px; } /* Typsnitt för innehålllet, samt marginaler */ #invoice, #description, #contact { font-size: 12px; margin-top: 5mm; font-family: Arial, Helvetica, sans-serif; } /* Adressfältet */ #address { line-height: 150%; box-sizing: border-box; padding: 4mm; } /* Fakturainnehållets rubrikrad */ #description tr:first-child td { box-sizing: border-box; font-weight: bold; vertical-align: top; padding-right: 2mm; padding-bottom: 2mm; } /* Fakturainnehållets rubrikrad (sista kolumnen) */ #description tr:first-child td:last-child { padding-right: 0; } /* Fakturainnehållets rader */ #description tr td { box-sizing: border-box; vertical-align: top; padding-right: 2mm; padding-bottom: 2mm; } /* Fakturainnehållets rader (sista kolumen) */ #description tr td:last-child { padding-right: 0mm; } /* Totalbeloppets text */ .descriptionTotal { font-weight: bold; font-size: 14px; text-align: right; } /* Generell rad */ .row td { padding-top: 2mm; } </style>
HTML (nederst i mallen):
<table border="0" cellpadding="0" cellspacing="0" id="invoice" style="padding: 6mm; border-spacing: 0px; margin: 0 auto;"> <tbody> <tr> <td colspan="2" style="width: 85mm; height: 19mm;"><img src="http://www.delegia.com/app/Data/ProjectImages/15735/DelegiaLogo.png" style="height: 156px; width: 286px;" /></td> <td colspan="2" style="width: 100mm; height: 19mm; text-align: right;"> <h1 id="invoiceText">Faktura</h1> </td> </tr> <tr> <td colspan="2" style="width: 85mm; height: 19mm;"> <h2 id="projectText">Eventnamn</h2> </td> <td colspan="2" id="address" style="width: 100mm; height: 27mm; border: 1px solid black; border-radius: 2mm;" valign="middle"> <p>[CompanyName]<br /> [CompanyAddress1]<br /> [CompanyZip] [CompanyCity]<br /> [CompanyCountry]</p> </td> </tr> <tr class="row"> <td style="width: 42.5mm; height: auto;"> <p><strong>Vår referens</strong><br /> Förnamn Efternamn</p> </td> <td style="width: 42.5mm; height: auto;"> <p><strong>Er referens</strong><br /> [YourRef]</p> </td> <td style="width: 50mm; height: auto;"> <p><strong>Betalningsvillkor</strong><br /> [PaymentOption] dagar</p> </td> <td style="width: 50mm; height: auto;"> <p><strong>Förfallodatum</strong><br /> [DueDate]</p> </td> </tr> <tr class="row"> <td colspan="2" style="width: 85mm; height: auto;"> <p><strong>Fakturanummer </strong>(uppge detta vid betalning):<br /> [OCR]</p> </td> <td style="width: 50mm; height: auto;"> <p><strong>Faktureref.</strong><br /> [CompanyAddress2]</p> </td> <td style="width: 50mm; height: auto;"> <p><strong>Fakturadatum</strong><br /> [InvoiceDate]</p> </td> </tr> <tr class="row"> <td colspan="4"> <hr style="height: 1px; border: 0; background-color: black;" /> </td> </tr> <tr> <td colspan="4" style="width: 185mm; height: auto;"> <table border="0" id="description" style="width: 100%;"> <tbody> <tr> <td>Beskrivning</td> <td align="right">Pris exkl moms</td> <td align="right">Rabatt</td> <td align="right">Pris Med rabatt</td> <td align="right">Moms</td> <td align="right">Antal</td> <td align="right">Pris inkl moms</td> </tr> <tr> <td>[RowText]</td> <td align="right">[RowAmount1] kr</td> <td align="right">[RowRebate] kr</td> <td align="right">[RowAmount2] kr</td> <td align="right">[RowVat] kr</td> <td align="right">[RowQuantity] st</td> <td align="right">[RowTotal] kr</td> </tr> <tr> <td> </td> </tr> <tr> <td colspan="5"> </td> <td align="right" class="descriptionTotal">Total:</td> <td align="right" class="descriptionTotal">[GrandTotal] kr</td> </tr> <tr> <td colspan="5"> </td> <td align="right" class="descriptionTotal">Varav moms:</td> <td align="right" class="descriptionTotal">[TotalVat] kr</td> </tr> </tbody> </table> </td> </tr> <tr class="row"> <td colspan="4" style="width: 185mm; height: auto;"> <p>Efter förfallodagen, debiteras en årlig dröjsmålsränta med 10%.</p> <p>Vid frågor om fakturan kontakta info@delegia.se</p> <p><strong>IBAN no:</strong> SE 16 8000 0832 7997 4618 7179<br /> <strong>BIC/Swift-adress:</strong> SWEDSESS<br /> <strong>Momsregistreringsnr / Vat no:</strong> SE556632236701</p> </td> </tr> <tr> <td colspan="4" style="width: 185mm; height: auto;"> <table cellpadding="0" cellspacing="0" id="contact" style="border-spacing: 0px; width: 100%;"> <tbody> <tr> <td colspan="6"> <hr style="height: 1px; border: 0; background-color: black;" /> </td> </tr> <tr class="row"> <td> <p><strong>Organisationsnr</strong><br /> Delegia AB<br /> 556632-2367</p> </td> <td style="width: 30.66mm;"> <p><strong>Bankgiro</strong><br /> 305-1091</p> </td> <td style="width: 30.66mm;"> <p><strong>Tel/fax:</strong><br /> 08-4471280<br /> 08-4471271</p> </td> <td style="width: 30.66mm;"> <p><strong>Adress</strong><br /> Upplagsv. 1<br /> 117 43 Stockholm</p> </td> <td style="width: 30.66mm;"> <p><strong>F-skatt</strong><br /> Företaget är godkänt för F-skatt</p> </td> <td style="width: 30.66mm;"> <p><strong>Företagets säte</strong><br /> Stockholm<br /> www.delegia.se</p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>