2010年8月25日水曜日

HTMLメールの作り方



【制作の流れ】
(1)htmlメールの画像は絶対パスにする。
※重要、iPhoneなどでリンクボタンを効かせるには画像は絶対パスである必要がある。
相対パスにすると表示はされるがメールに添付される形になりクリックすると画像扱いになる。

(2)制作したhtmlメールをサーバーにあげる
(3)safariの「ファイル」>「このページの内容をメールで送信する」でhtmlメールを
作成。


(参考URL)http://www.bulanco.net/blog/2008/12/htmlmail.html

※Gmailはhtmlメールにうまく対応していない。
もしする時はすべてのマージンをゼロにして、
height、widthを指定し、imgにdisplay:block;をかける。

(ex.)
<table width="700" height="1687" border="0" cellspacing="0" cellpadding="0">
<td><img style="display:block" src="images/index_02.jpg" alt="" width="700" height="120" border="0"></td>