0
私は電子メール署名を設計しており、ブラウザで見ると完全に動作します。画像がOutlookの署名で破損する
これは私のコードです。しかし、すぐに私は、Outlook 2016にこれを配置し、それがアドレスとロゴの間サークル画像を配置署名としてそれを使用しようとして
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="padding:0;margin:0">
<table border="0" width="600" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 20px 0px 6px 12px;" valign="top"><span style="text-align: left; color: #434343; font-family: 'Arial', sans-serif; font-size: 21px;"><strong style="color: #000;">Alex Anderson</strong> - Founder and CEO</span></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 7px 0px 3px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="tel:0412 533 227"> <span style="width: 15px; float: left;">M </span>: 0412 533 227</a></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 0px 0px 3px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="mailto:[email protected]"><span style="width: 15px; float: left;">E </span>: [email protected]</a></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 0px 0px 3px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="https://chessworkgroup.com.au/" target="_blank" rel="noopener"> <span style="width: 15px; float: left;"> W </span>: http://www.chessworkgroup.com.au</a></td>
</tr>
<tr style="background-color: #444444;">
<td style="padding: 0px 0px 6px 12px;" valign="top"><a style="color: #fff; text-decoration: none; font-family: 'Arial', sans-serif; font-size: 12px; letter-spacing: .4px;" href="https://www.google.com.au/maps/place/Chesswork+Group/@-31.9449216,115.8575528,15z/data=!4m5!3m4!1s0x0:0x6e71710817e5b662!8m2!3d-31.9449216!4d115.8575528" target="_blank" rel="noopener"> <span style="width: 15px; float: left;"> O </span>: 283 Newcastle Street, Northbridge, Perth WA 6003</a></td>
</tr>
<tr style="padding: 0px 0px; position: relative; width: 100%;">
<td style="position: absolute; top: -130px; left: auto; right: 5%;” valign="top"><img src="https://chessworkgroup.com.au/wp-content/uploads/pic.png" alt="" /></td>
</tr>
<tr style="background-color: #000000; display: table; width: 100%;">
<td valign="top"><a href="https://chessworkgroup.com.au/" target="_blank" rel="noopener"> <img style="padding: 11.5px 0px 9px 0px;" src="https://chessworkgroup.com.au/wp-content/uploads/logo_email.jpg" alt="" /> </a></td>
</tr>
</tbody>
</table>
</body>
<style>
a {color: #F77A1E;}
</style>
</html>
(添付ファイルを参照してください)。
私はこれを成功させることなく画像を右側に浮かべてみました。
添付ファイルが表示されません。リンクを更新できますか? –
あなたが探している結果は、画像を添付することができます。ところで、 'position'属性はあなたの署名を混乱させます。だから、それを使用せず、スタイル '
OKですので、Outlookで以下のような署名が表示されます。 https://chessworkgroup.com。 au/wp-content/uploads/correct.jpg これは私のコードではどうなりますか。 https://chessworkgroup.com.au/wp-content/uploads/wrong.jpg – user1747021
答えて
私は、これは、Outlookでは不可能であることを、多くの人々によって通知されています。
したがって、私は質問を終了しています。
問題を解決していただきありがとうございます。
出典
2017-10-16 04:13:31 user1747021
今すぐ確認してください。問題が解決しました。
出典
2017-09-28 08:52:44
こんにちはRaviさん、残念ながらOutlookの署名は次のように表示されます: https://chessworkgroup.com.au /wp-content/uploads/Capture.jpg – user1747021
イメージを共有して、署名をどのように表示するかを指定できます。だから私は正確に同じ出力を提供することができます –
私が望む結果は、このようなOutlookのような署名のためです: chessworkgroup.com.au/wp-content/uploads/correct.jpg しかしこれは何ですか私のコードで起こる: chessworkgroup.com.au/wp-content/uploads/wrong.jpg – user1747021
関連する問題