У меня проблема с моей html подписью для outlook.
Я просто хочу сделать эту подпись:
и мой код такой:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body {
font-family: 'trebuchet MS';
}
a {
text-decoration: underline !important;
color: black !important;
}
</style>
</head>
<body>
<br>
<br>
<br>
<table style="vertical-align: bottom;background-color:none;" border="0" cellspacing="0" cellpading="0">
<tr style="vertical-align: bottom;">
<td style="vertical-align: bottom;">
<!-- Salam -->
<p style="font-size: 9pt; margin-left: 10px;">Best Regards,</p>
</td>
</tr>
</table>
<br>
<table align="left" border="0" cellspacing="0" cellpading="0">
<table align="left">
<tr>
<td valign="top">
<table border="0" cellspacing="0" cellpading="0">
<tr>
<td colspan="2">
<!-- Nama Kamu -->
<p style="white-space:nowrap;font-size:17pt; color:#a6ce39;font-weight: 500; mso-line-height-rule:exactly; line-height: 18pt;">Nama-Kamu</p>
</td>
</tr>
<tr>
<td colspan="2">
<!-- Jobdesk Kamu -->
<p style="color: #000000; font-size: 15px; white-space:nowrap;">Jabatan-Kamu</p>
</td>
</tr>
<tr>
<td style="margin-top: 6; margin-left: 2;"> <img src="telepon.png" alt="" height="13" width="10"> </td>
<td valign="top" align="left">
<!-- Nomer Telepon Kamu (Nomer teleponnya yang aktif yaa :D ) -->
<p style="color: #000000; line-height: 1.15px; font-size: 8.5pt; margin-left: 3px;margin-top: 6;">+62 888 8888 8888</p>
</td>
</tr>
<tr>
<td style="margin-top: 6;"> <img src="mail.png" alt="" height="10" width="13"> </td>
<td>
<!-- Email Kamu (Jangan lupa, harus email Kantor yaa :D) -->
<p style="line-height: 1.15px; font-size: 9pt; margin-left: 3px;white-space:nowrap; margin-top: 6;"> <a href="mailto:Email-Kamu@habiesmart.co.id">Email-Kamu@habiesmart.co.id</a> </p>
</td>
</tr>
<tr>
<td style="margin-top: 8;"> <img src="websitebola.png" alt="" height="14" width="14"> </td>
<td>
<!-- Website Kantor -->
<p style="line-height: 1.15px; font-size: 9pt; margin-left: 3px;white-space:nowrap; margin-top: 8;"> <a href="www.habiesmart.co.id">www.habiesmart.co.id</a> </p>
</td>
</tr>
</table>
</td>
<!-- batas -->
<td valign="bottom">
<table border="0" cellspacing="0" cellpading="0">
<tr>
<td colspan="2" align="center" style="white-space:nowrap;font-family:'trebuchet MS';font-size: 14px;white-space:nowrap; margin: 0 10 0 10;"> <img src="/batas.png" height="130" width="2"> </td>
</tr>
</table>
</td>
<td valign="top">
<table border="0" cellspacing="0" cellpading="0">
<tr>
<td colspan="2" style="white-space: nowrap;">
<!-- Nama Kantor -->
<p style="line-height: 1.15px; font-size: 9pt; white-space:nowrap; margin-top: 6pt;">PT habiesmart Indonesia</p>
</td>
</tr>
<tr>
<td valign="top" style="margin-top: 2pt;"> <img src="/gps.png" alt="" height="15" width="11"> </td>
<td>
<!-- Alamat Kantor -->
<p style="color: #000000; line-height: 1.15px; font-size: 9pt; margin-left: 5pt;margin-top: 2pt;"> 809 Office Park, 42nd Floor
<br> Jl. Foo no. 18
<br> South Jakarta 12520 </p>
</td>
</tr>
<tr>
<td style="margin-top: 4pt;"> <img src="/telepon-rumah.png" alt="" height="13" width="15"> </td>
<td>
<!-- Telepon Kantor -->
<p style="color: #000000; line-height: 1.15px; font-size: 8.5pt; margin-left: 5pt; margin-top: 4pt;">+62 88888888</p>
</td>
</tr>
<tr>
<td style="margin-top: 4pt;"> <img src="/email_asset/printer.png" alt="" height="16" width="16"> </td>
<td>
<!-- Fax Kantor -->
<p style="color: #000000; line-height: 1.15px; font-size: 8.5pt; margin-left: 5pt; margin-top: 4pt;">+62 8888888888</p>
</td>
</tr>
</table>
</td>
<!-- batas -->
<td valign="bottom">
<table border="0" cellspacing="0" cellpading="0">
<tr>
<td colspan="2" align="center" style="white-space:nowrap;font-family:'trebuchet MS';font-size: 14px;white-space:nowrap; margin: 0 10 0 10;"> <img src="batas.png" height="130" width="2"> </td>
</tr>
</table>
</td>
<!-- logo kantor -->
<td valign="center">
<table border="0" cellspacing="0" cellpading="0">
<tr>
<td style="white-space:nowrap;vertical-align:middle;"> <img src="logo360footer.png" style="white-space:nowrap;height: 100px" height="105" width="160"> </td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Diclaimer -->
<table width="710" align="center" cellspacing="0" cellpading="0">
<tr>
<td valign="top">
<table align="center" border="0">
<tr>
<td colspan="7">
<p style="font-size: 9pt; text-align: center; color: #6D6E70;">IT > Consulting | Implementation | Enhancement/Optimization | Upgrade | Support | Training | Resourcing</p>
</td>
</tr>
<tr>
<td colspan="7">
<p style="font-size: 8pt; text-align: justify; font-style: italic; color: #B1B3B5; margin-top: 10;"> This email and any attachments contained is strictly for the use of the individual or entity to whom it is addressed. It may contain confidential information, if you are not the intended recipient, you are hereby notified that any disclosure,
copying, distribution regarding the contents of this email is strictly prohibited and may against the law. If you have intentionally/unintentionally received this email in error, please notify us immediately by responding to this email
and delete it from your system. </p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</table>
</body>
</html>
но результат в прогноз на 2016 год неожидан:
Кто-нибудь может мне помочь? Я не знаю, что мне делать. Я использовал bootstrap, редактор электронной почты, stripo et c. но это не работа в перспективе, он получает больше пространства между рядами, как на этих фотографиях. просто, чтобы вы знали, я никогда не добавлял отступы и тому подобное, чтобы увеличить пространство. Спасибо за ваш ответ. привет из Индонезии!