かえラボBlog初投稿です。
今回HTMLメルマガを作成していてハマったポイントをメモ代わりに書いておきます。
メルマガ作成時の基本
・がっつりテーブルコーディング
・CSSは<head>～</head>内に記述
（でもGmailに反映しない。インラインで書くのがよい）
・テーブルのセルには単位を明記する。
・padding、marginなどは使わない。
・backgroundの指定はできない。
・画像はフルパスで記述。
...他にもありましたが、割愛。
今回、上記に則って作成しましたが、firefox＋Gmailの環境で、
リンクするimg要素にボーダーが出てしまう、という現象にぶち当たりました。
IE＋Gmail、Chrome＋Gmailでは問題なし。
リンクするimg要素にはborder="0"を指定して解決しました。
基本中の基本なのかも知れませんが、うっかりもれてしまっていたので、
メルマガ作成時のチェックポイントに加えたいと思います。
それにしてもメルマガはOSとブラウザとウェブメールの組み合わせが多くて気が遠くなります。
前もって「チェックはこの組み合わせで！」という線引きをしないといけないな、と思いました。
今回HTMLメルマガを作成していてハマったポイントをメモ代わりに書いておきます。
メルマガ作成時の基本
・がっつりテーブルコーディング
・CSSは<head>～</head>内に記述
（でもGmailに反映しない。インラインで書くのがよい）
・テーブルのセルには単位を明記する。
・padding、marginなどは使わない。
・backgroundの指定はできない。
・画像はフルパスで記述。
...他にもありましたが、割愛。
今回、上記に則って作成しましたが、firefox＋Gmailの環境で、
リンクするimg要素にボーダーが出てしまう、という現象にぶち当たりました。
IE＋Gmail、Chrome＋Gmailでは問題なし。
リンクするimg要素にはborder="0"を指定して解決しました。
基本中の基本なのかも知れませんが、うっかりもれてしまっていたので、
メルマガ作成時のチェックポイントに加えたいと思います。
それにしてもメルマガはOSとブラウザとウェブメールの組み合わせが多くて気が遠くなります。
前もって「チェックはこの組み合わせで！」という線引きをしないといけないな、と思いました。
