web-dev-qa-db-ja.com

Gmail署名のテキストの左側に画像をフロートさせることはできますか?

Google Appsのメールアカウントを持っています。署名テキストの左側に会社のロゴを含めたい。

これを行うための唯一の方法は、テキストが画像の一部になるようにビルドすることです。電子メールクライアントで画像を表示していない人にはテキスト部分が表示されないため、この方法でやりたくありません。

この作品を作る方法はありますか?

12
Joel Coehoorn

これは、Googleドキュメントを介して行うことができます。それが私がしたことです。 MS Wordソリューション の場合と同様に、必要なテーブル配置(この場合は1行2列)でGoogleスプレッドシートまたはドキュメントを作成します。左の列に画像を、右の列に署名テキストを入れます。リンクを知っている人が閲覧できるように、ドキュメントをパブリックとして共有します。次に、ドキュメントから署名にコピー/貼り付けします。

この方法では、Googleドキュメントは署名が画像を描画できるWeb内のスペースのようなものであるため、画像が初めて表示されます。

4
Stanley Watson

手順に従ってください

  1. Microsoft Wordでボーダーなしの1つの行と2つの列の表を作成します。

  2. 左の列に画像を配置し、右の列に署名を配置します。

  3. テーブルをコピーして、署名領域に貼り付けます。

左側に画像があり、右側にテキストがあります。

12
Hoque

私はこの質問に答えられたことに気付きましたが、これを行うには、署名テキストエリアに直接HTMLを書き込む方法を共有したかったのです。

  1. Gmailが提供する署名リッチテキストエリアに何かを書きます。
  2. ブラウザ用の開発者ツールで書いたばかりのテキストを調べてください。
  3. 電子メールの署名タブで受け入れられるインラインCSSでHTMLを追加します。
  4. これを検証するには、テキスト領域で何かを変更して更新する必要があります(何も変更せずに保存すると、何も起こりません)。

この領域に画像を取得するには、HTMLを作成してそこに貼り付ける必要があります。以下のいずれかを使用して、必要な結果を取得できます。

<table>
  <tbody>
    <tr>
      <td style="width: 80px">
        <img src="http://www.example.com/path/to/your/image" width="40" height="40">
      </td>
      <td>Other <strong>HTML</strong> Content</td>
    </tr>
  </tbody>
</table>
3
Mehmet Önder