关于回复的电子邮件签名问题
Email Signature Issue on replies
我最近创建了一些电子邮件签名，它们在外发时看起来很棒，但它们在收到或回复时可能会有一些电子邮件；
- 徽标被压扁，有时徽标在回复时变得非常大。
- 收到电子邮件或发送回复时字体颜色变为黑色。
- 请参阅所附照片，了解它有时的外观以及横条穿过屏幕的情况
我使用 Thunderbird 来发送电子邮件，虽然我不知道这是否有任何影响。
如果有人有任何建议来清理这些，我将不胜感激。
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body style="background:#eee;padding:0;margin:0;">
<div style="width:600px;background:#fff;font-family:Arial, Helvetica, sans-serif;">
<div style="padding:15px 0px;background:#0c6eb7;color:#fff;">
<div style="padding:5px 15px;">
<h2 style="margin:0;font-size:18px;text-transform:uppercase;font-weight:black;">Health Your Way</h2>
<h3 style="margin:0;margin-bottom:3px;font-size:14px;font-weight:normal;"> </h3>
</div>
</div>
<div style="padding:15px 15px;">
<p style="margin-top:0px;"></p>
<h4 style="margin:0;font-size:12px;font-weight:normal;color:#0c6eb7;">
<img src="http://i.imgur.com/vyyo3Cs.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="mailto:admin@healthyourway.co.uk" style="color:inherit;text-decoration:none;">admin@healthyourway.co.uk</a>
<b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b>
<img src="http://i.imgur.com/Uwbw49m.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="tel:08006446414" style="color:inherit;text-decoration:none;">0800 644 6414</a>
<b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b>
<img src="http://i.imgur.com/jpcSK1r.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="http://www.healthyourway.co.uk" style="color:inherit;text-decoration:none;">healthyourway.co.uk</a>
</h4>
<h4 style="margin:0;margin-top:10px;font-size:12px;font-weight:normal;color:#0c6eb7;">
<img src="http://i.imgur.com/bBNmf7g.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <div style="display:inline-block;vertical-align:middle;width:calc(100% - 30px);">Queens Gardens Business Centre, 31 Ironmarket, Newcastle-under-Lyme<br>Staffordshire, ST5 1RP</div>
</h4>
</div>
<div style="width:100%;background:#fff;border-top:1px solid #eee;">
<div style="padding:15px;padding-bottom:1px;color:#cccccc;font-size:11px;">
<img src="http://i.imgur.com/ZSms6VI.jpg" style="height:60px;margin-right:10px;">
<img src="http://i.imgur.com/sXHE0gU.jpg" style="height:60px;">
<p>This message may contain confidential information. If you are not the intended recipient please inform the sender that you have received the message in error before deleting it.
Please do not disclose, copy or distribute information in this e-mail or take any action in reliance on its contents: to do so is strictly prohibited and may be unlawful.</p>
</div>
</div>
</div>
</body>
</html>
我已对您粘贴在原始 post 中的代码进行了细微调整。
我所做的是：
- 添加了页脚图片的高度（无宽度）。由于只有高度，图像应按比例调整大小。
- 为文本代码添加颜色而不是继承。
试一试下面的代码，如果有效请告诉我。
干杯
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body style="background:#eee;padding:0;margin:0;">
<div style="width:600px;background:#fff;font-family:Arial, Helvetica, sans-serif;">
<div style="padding:15px 0px;background:#0c6eb7;color:#fff;">
<div style="padding:5px 15px;">
<h2 style="margin:0;font-size:18px;text-transform:uppercase;font-weight:black; color:#ffffff;">Health Your Way</h2>
<h3 style="margin:0;margin-bottom:3px;font-size:14px;font-weight:normal;"> </h3>
</div>
</div>
<div style="padding:15px 15px;">
<p style="margin-top:0px;"></p>
<h4 style="margin:0;font-size:12px;font-weight:normal;color:#0c6eb7;">
<img src="http://i.imgur.com/vyyo3Cs.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="mailto:admin@healthyourway.co.uk" style="color:#0c6eb7;text-decoration:none;">admin@healthyourway.co.uk</a>
<b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b>
<img src="http://i.imgur.com/Uwbw49m.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="tel:08006446414" style="color:#0c6eb7;text-decoration:none;">0800 644 6414</a>
<b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b>
<img src="http://i.imgur.com/jpcSK1r.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="http://www.healthyourway.co.uk" style="color:#0c6eb7;text-decoration:none;">healthyourway.co.uk</a>
</h4>
<h4 style="margin:0;margin-top:10px;font-size:12px;font-weight:normal;color:#0c6eb7;">
<img src="http://i.imgur.com/bBNmf7g.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <div style="display:inline-block;vertical-align:middle;width:calc(100% - 30px);color:#0c6eb7;">Queens Gardens Business Centre, 31 Ironmarket, Newcastle-under-Lyme<br>Staffordshire, ST5 1RP</div>
</h4>
</div>
<div style="width:100%;background:#fff;border-top:1px solid #eee;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding:15px;color:#cccccc;font-size:11px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="160"><img src="http://i.imgur.com/ZSms6VI.jpg" width="150" height="60" style="width:150px;height:60px;"></td>
<td><img src="http://i.imgur.com/sXHE0gU.jpg" width="150" height="60" style="width:150px;height:60px;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding:15px;color:#cccccc;font-size:11px;"><p>This message may contain confidential information. If you are not the intended recipient please inform the sender that you have received the message in error before deleting it.
Please do not disclose, copy or distribute information in this e-mail or take any action in reliance on its contents: to do so is strictly prohibited and may be unlawful.</p></td>
</tr>
</tbody>
</table>
<div>
</div>
</div>
</body>
</html>
我最近创建了一些电子邮件签名，它们在外发时看起来很棒，但它们在收到或回复时可能会有一些电子邮件；
- 徽标被压扁，有时徽标在回复时变得非常大。
- 收到电子邮件或发送回复时字体颜色变为黑色。
- 请参阅所附照片，了解它有时的外观以及横条穿过屏幕的情况
我使用 Thunderbird 来发送电子邮件，虽然我不知道这是否有任何影响。
如果有人有任何建议来清理这些，我将不胜感激。
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body style="background:#eee;padding:0;margin:0;">
<div style="width:600px;background:#fff;font-family:Arial, Helvetica, sans-serif;">
<div style="padding:15px 0px;background:#0c6eb7;color:#fff;">
<div style="padding:5px 15px;">
<h2 style="margin:0;font-size:18px;text-transform:uppercase;font-weight:black;">Health Your Way</h2>
<h3 style="margin:0;margin-bottom:3px;font-size:14px;font-weight:normal;"> </h3>
</div>
</div>
<div style="padding:15px 15px;">
<p style="margin-top:0px;"></p>
<h4 style="margin:0;font-size:12px;font-weight:normal;color:#0c6eb7;">
<img src="http://i.imgur.com/vyyo3Cs.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="mailto:admin@healthyourway.co.uk" style="color:inherit;text-decoration:none;">admin@healthyourway.co.uk</a>
<b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b>
<img src="http://i.imgur.com/Uwbw49m.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="tel:08006446414" style="color:inherit;text-decoration:none;">0800 644 6414</a>
<b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b>
<img src="http://i.imgur.com/jpcSK1r.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="http://www.healthyourway.co.uk" style="color:inherit;text-decoration:none;">healthyourway.co.uk</a>
</h4>
<h4 style="margin:0;margin-top:10px;font-size:12px;font-weight:normal;color:#0c6eb7;">
<img src="http://i.imgur.com/bBNmf7g.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <div style="display:inline-block;vertical-align:middle;width:calc(100% - 30px);">Queens Gardens Business Centre, 31 Ironmarket, Newcastle-under-Lyme<br>Staffordshire, ST5 1RP</div>
</h4>
</div>
<div style="width:100%;background:#fff;border-top:1px solid #eee;">
<div style="padding:15px;padding-bottom:1px;color:#cccccc;font-size:11px;">
<img src="http://i.imgur.com/ZSms6VI.jpg" style="height:60px;margin-right:10px;">
<img src="http://i.imgur.com/sXHE0gU.jpg" style="height:60px;">
<p>This message may contain confidential information. If you are not the intended recipient please inform the sender that you have received the message in error before deleting it.
Please do not disclose, copy or distribute information in this e-mail or take any action in reliance on its contents: to do so is strictly prohibited and may be unlawful.</p>
</div>
</div>
</div>
</body>
</html>
我已对您粘贴在原始 post 中的代码进行了细微调整。
我所做的是：
- 添加了页脚图片的高度（无宽度）。由于只有高度，图像应按比例调整大小。
- 为文本代码添加颜色而不是继承。
试一试下面的代码，如果有效请告诉我。
干杯
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="keywords" content="">
<meta name="description" content="">
</head>
<body style="background:#eee;padding:0;margin:0;">
<div style="width:600px;background:#fff;font-family:Arial, Helvetica, sans-serif;">
<div style="padding:15px 0px;background:#0c6eb7;color:#fff;">
<div style="padding:5px 15px;">
<h2 style="margin:0;font-size:18px;text-transform:uppercase;font-weight:black; color:#ffffff;">Health Your Way</h2>
<h3 style="margin:0;margin-bottom:3px;font-size:14px;font-weight:normal;"> </h3>
</div>
</div>
<div style="padding:15px 15px;">
<p style="margin-top:0px;"></p>
<h4 style="margin:0;font-size:12px;font-weight:normal;color:#0c6eb7;">
<img src="http://i.imgur.com/vyyo3Cs.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="mailto:admin@healthyourway.co.uk" style="color:#0c6eb7;text-decoration:none;">admin@healthyourway.co.uk</a>
<b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b>
<img src="http://i.imgur.com/Uwbw49m.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="tel:08006446414" style="color:#0c6eb7;text-decoration:none;">0800 644 6414</a>
<b style="display:inline-block;margin:0px 10px;font-weight:normal;">|</b>
<img src="http://i.imgur.com/jpcSK1r.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <a href="http://www.healthyourway.co.uk" style="color:#0c6eb7;text-decoration:none;">healthyourway.co.uk</a>
</h4>
<h4 style="margin:0;margin-top:10px;font-size:12px;font-weight:normal;color:#0c6eb7;">
<img src="http://i.imgur.com/bBNmf7g.png" style="height:20px;vertical-align:middle;margin-right:5px;"> <div style="display:inline-block;vertical-align:middle;width:calc(100% - 30px);color:#0c6eb7;">Queens Gardens Business Centre, 31 Ironmarket, Newcastle-under-Lyme<br>Staffordshire, ST5 1RP</div>
</h4>
</div>
<div style="width:100%;background:#fff;border-top:1px solid #eee;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding:15px;color:#cccccc;font-size:11px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="160"><img src="http://i.imgur.com/ZSms6VI.jpg" width="150" height="60" style="width:150px;height:60px;"></td>
<td><img src="http://i.imgur.com/sXHE0gU.jpg" width="150" height="60" style="width:150px;height:60px;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding:15px;color:#cccccc;font-size:11px;"><p>This message may contain confidential information. If you are not the intended recipient please inform the sender that you have received the message in error before deleting it.
Please do not disclose, copy or distribute information in this e-mail or take any action in reliance on its contents: to do so is strictly prohibited and may be unlawful.</p></td>
</tr>
</tbody>
</table>
<div>
</div>
</div>
</body>
</html>