If yes, can we employ the standard HTML ?
I have tried but it doesn't work ...

Do you have a example ?
Thanks
Moderator: marco
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Voucher or Invoice</title>
</head>
<body style="background-color:#e5e5e5; padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;">
<div id="page" style="width:700px; margin:0 auto; background-color:#f9f9f9; padding:20px; box-shadow:0 0 0.7in -0.25in #888">
<div id="header" style="width:100%; background-color:#aaa; text-align:center; border-radius:2px;">
<h3 style="font-weight:normal; color:#fff; letter-spacing:2px; text-transform:uppercase; padding:5px 0; font-size:150%;">Voucher</h3>
</div>
<hr class="break" style="width:100%; height:1px; border:none; margin:20px 0; clear:both;" />
<div id="structureData" style="width:100%; text-align:right">
<h3 style="font-weight:normal; font-size:140%;">Hotel Name</h3>
<p>
address line 1<br />
address line 2<br />
Phone<br />
<a href="website">www.website.com</a>
</p>
</div>
<hr class="break" style="width:100%; height:1px; border:none; margin:30px 0; clear:both;" />
<div id="content">
<div id="guestDetails" style="float:left; width:50%; height:100px;">
<table style="width:100%">
<tr><td colspan="2" style="font-weight:normal; text-align:left; padding:5px 5px 5px 0px;">Guest</td></tr>
<tr>
<td colspan="2" style="text-align:left; padding:5px 5px 5px 0px;">[name] [surname]</td>
</tr>
<tr>
<td colspan="2" style="text-align:left; padding:5px 5px 5px 0px;">[email]</td>
</tr>
</table>
</div>
<div id="voucherDetails" style="float:right; width:50%; height:100px; text-align:right;">
<table style="float:right;">
<tr>
<td style="text-align:left; border:1px solid #bbb; padding:5px; background-color:#ddd; border-radius:2px; width:126px;">Voucher #</td>
<td style="text-align:right; border:1px solid #bbb; padding:5px; border-radius:2px; width:124px;">[reservation_number]</td>
</tr>
<tr>
<td style="text-align:left; border:1px solid #bbb; padding:5px; background-color:#ddd; border-radius:2px">Date</td>
<td style="text-align:right; border:1px solid #bbb; padding:5px; border-radius:2px">[today]</td>
</tr>
<tr>
<td style="text-align:left; border:1px solid #bbb; padding:5px; background-color:#ddd; border-radius:2px">Amount Due</td>
<td style="text-align:right; border:1px solid #bbb; padding:5px; border-radius:2px">€[rest_to_pay_p]</td>
</tr>
</table>
</div>
<hr class="break" style="width:100%; height:1px; border:none; margin:30px 0; clear:both;" />
<div id="bookingDetails" style="width:100%; display:inline;">
<div id="bookingDescription" style="float:left; width:280px;">
<table style="width:100%">
<tr><td style="text-align:left; border:1px solid #bbb; padding:5px; background-color:#ddd; border-radius:2px">Description</td></tr>
<tr><td style="text-align:left;">[rate_name] ([starting_date] ~ [ending_date])</td></tr>
<tr><td style="text-align:left;">[sel_extra_cost_name]</td></tr>
</table>
</div>
<div id="bookingNights" style="float:left; width:140px;">
<table style="width:100%">
<tr><td style="text-align:center; border:1px solid #bbb; padding:5px; background-color:#ddd; border-radius:2px">Nights</td></tr>
<tr><td style="text-align:center;">[periods_num]</td></tr>
</table>
</div>
<div id="bookingPeople" style="float:left; width:140px;">
<table style="width:100%">
<tr><td style="text-align:center; border:1px solid #bbb; padding:5px; background-color:#ddd; border-radius:2px">People</td></tr>
<tr><td style="text-align:center;">[people_num]</td></tr>
</table>
</div>
<div id="bookingAmount" style="float:left; width:140px;">
<table style="width:100%">
<tr><td style="text-align:right; border:1px solid #bbb; padding:5px; background-color:#ddd; border-radius:2px">Amount</td></tr>
<tr><td style="text-align:right;">€[rate_price_p]</td></tr>
<tr><td style="text-align:right;">€[sel_extra_cost_value_p]</td></tr>
<tr><td style="text-align:right;">-€[discount_p]</td></tr>
</table>
</div>
</div>
<hr class="break" style="width:100%; height:1px; border:none; margin:30px 0; clear:both;" />
<div id="bookingAmount" style="width:100%;">
<table style="float:right">
<tr>
<td style="text-align:left; border:1px solid #bbb; padding:5px; background-color:#ddd; border-radius:2px; width:124px;">Total</td>
<td style="text-align:right; border:1px solid #bbb; padding:5px; border-radius:2px; width:126px;">€[price_tot_p]</td>
</tr>
<tr>
<td style="text-align:left; border:1px solid #bbb; padding:5px; background-color:#ddd; border-radius:2px">Amount Paid</td>
<td style="text-align:right; border:1px solid #bbb; padding:5px; border-radius:2px">€[paid_p]</td>
</tr>
<tr>
<td style="text-align:left; border:1px solid #bbb; padding:5px; background-color:#ddd; border-radius:2px">Balance Due</td>
<td style="text-align:right; border:1px solid #bbb; padding:5px; border-radius:2px">€[rest_to_pay_p]</td>
</tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
</table>
</div>
<hr class="break" style="width:100%; height:1px; color:#bbb; background-color:#bbb; border:none; margin:30px 0; clear:both;" />
<p>
Thank you for your booking.<br />
If you have any questions, please feel free to contact us at <a href="mailto:youremail">youremail</a>.
</p>
<hr class="break" style="width:100%; height:1px; color:#bbb; background-color:#bbb; border:none; margin:30px 0; clear:both;" />
<p>
<center><small>This communication is for the exclusive use of the addressee and may contain proprietary, confidential or privileged information. If you are not the intended recipient any use, copying, disclosure, dissemination or distribution is strictly prohibited.
</small></center>
</p>
</div><!--end content-->
</div><!--end page-->
</body>
</html>