ロゴからのパディング - HTML

私は電子メールのヘッダーに問題があります。これはHTML形式のGoogleアプリスクリプトで送信します。私はここのコードで、レイアウトを作成しました：ロゴからのパディング - HTML

はChromeでだけでなく、Gmailの

<body> 
<div id="logo" style="padding:10px 8px 10px 8px; font-family: arial,sans-serif"> 
    <img src="logo.png" /> 
    <span class="title" style="color: #808080; font-size: 35px; padding-left: 530px">Lorem </span> 
</div> 
...

それが正しく表示され link

ただし、Outlookの電子メールが表示され、誤った

は、誰かが私を助けてもらえlink、どのようにHTMLコードを変更するには、右側にタイトル（Lorem）を付ける必要があります。前もって感謝します。

出典

2017-06-13 martin222

フロートを右から追加することから始めます – Isac

残念ながら、EDMに関しては、Outlookが最悪の敵です。一部のバージョンでは、セルの内容によってセルの寸法が決定されるときに、パディングを考慮しません。

メールクライアント間で最も一貫性のある結果を得るアプローチは、空のテーブルセルをパディングとして使用することです（恐らく私は知っています）が、それらのテーブルには、あなたはそれを推測しました、Outlookのいくつかのバージョンは、空のセルの高さ/幅の宣言を尊重しません。

詳細はhere

出典

2017-06-13 12:03:03

ないそれが動作することは100％を確認してくださいをクリックして、しかし、あなたはdisplay: inline-block;<img>へと<span>タグを与えて試すことができます。

まだ動作しない場合、あなたが絶対と相対位置によって得る可能性があります。

#logo { position: relative; } #logo span { position: absolute; right: 0; }

出典

2017-06-13 14:01:03

ロゴからのパディング - HTML

答えて

関連する問題