0

iPhone でのニュースレターの実装にまだ取り組んでいます (Apple Mail でテスト済み)。次のコードは Outlook2007 で完全に動作します。残念ながら、iPhone では箇条書きの装飾が表示されます (表示しないように指定されていますが)。(スクリーンショットを投稿できればいいのですが、まだ十分な評判がありません:))

どうすれば弾丸を取り除くことができますか?

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
.list {
list-style: none;
margin:0px 0 0px 0px;
padding:0;
-webkit-text-size-adjust:
}
li.plus {
display:block;
list-style: none;
list-style-type: none;
margin:0px;
padding: 0px 0px 0px 0px;
text-decoration:none;
font-size: 12px;
}
a:link {
color:#b2b2b2;;
text-decoration:underline;
}
a:visited {
color:#b2b2b2;;
text-decoration:none;
}
a:hover {
color:#b2b2b2;;
text-decoration:underline;
}
a:active {
color:#b2b2b2;;
text-decoration:none;
}

</style>
    </head>
    <body>
    <table class="w600 l-content-table" border="0" cellpadding="0" cellspacing="0" width="600" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; margin: 0px; padding: 0px; border: 0px;">
            <tbody style="margin: 0px; padding: 0px; border: 0px;">
                <tr>
                    <td class="w600" height="55" width="600" style="color: #6f6f6f; border: #6f6f6f;">
                        <table class="l-footer" border="0" cellpadding="0" cellspacing="0" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; margin: 0px; padding: 0px; border: 0px;">
                            <tbody style="margin: 0px; padding: 0px; border: 0px;">
                                <tr>
                                    <td width="480" style="color: #6f6f6f; border: #6f6f6f;">
                                        <table class="small-font" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; font-size: 12px; color: #b2b2b2 !important; text-transform: uppercase; margin: 0px; padding: 0px; border: 0px;">
                                            <tbody style="margin: 0px; padding: 0px; border: 0px;">
                                                <tr>
                                                    <td style="letter-spacing: 0;" width="120">
                                                        <ul style='list-style:none;' class="list">
                                                            <li class="plus first" >
                                                                <font style="font-family: arial, helvetica, sans-serif;font-size: 11px;color: #ffffff;">
                                                                    <a href="http://www.test.com" target='blank'>Responsibles</a>
                                                                </font>
                                                            </li>
                                                        </ul>
                                                    </td>
                                                    <td style="letter-spacing: 0; border-left: 1px solid #b2b2b2;" width="110">
                                                        <ul style='list-style:none;' class="list">
                                                            <li class="plus" style='margin-left:8px;margin-right:8px;'>
                                                                <font style="font-family: arial, helvetica, sans-serif;font-size: 11px;color: #ffffff;">
                                                                    <a href="http://www.test.com" target='blank'>Disclaimer</a>
                                                                </font>
                                                            </li>
                                                        </ul>
                                                    </td>
                                                    <td style="letter-spacing: 0; border-left: 1px solid #b2b2b2;" width="110">
                                                        <ul style='list-style:none;' class="list">
                                                            <li class="plus" style='margin-left:8px;margin-right:8px; border-top:0px;border-bottom:0px;'>
                                                                <font style="font-family: arial, helvetica, sans-serif;font-size: 11px;color: #ffffff;">
                                                                    <a href="http://www.test.com" target='blank'>Feedback</a>
                                                                </font>
                                                            </li>
                                                        </ul>
                                                    </td>
                                                    <td style="letter-spacing: 0;  border-left: 1px solid #b2b2b2;" width="120">
                                                        <ul style='list-style:none;' class="list">
                                                            <li class="plus last" style='margin-left:8px; margin-right: 0px;border-top:0px;border-bottom:0px;'>
                                                                <font style="font-family: arial, helvetica, sans-serif;font-size: 11px;color: #ffffff;">
                                                                    <a href="http://www.test.com" target='blank'>Rss Feeds</a>
                                                                </font>
                                                            </li>
                                                        </ul>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                    <td width="140" align="right" style="color: #6f6f6f; border: #6f6f6f;">
                                        <table class="small-font" style="letter-spacing: -0.01em; border-collapse: collapse; font-family: arial; text-align: left; font-size: 12px; color: #b2b2b2 !important; text-transform: uppercase; margin: 0px; padding: 0px; border: 0px;">
                                            <tbody style="margin: 0px; padding: 0px; border: 0px;">
                                                <tr>
                                                    <td style="color: #6f6f6f;letter-spacing: 0; padding: 0px; border: 0px">
                                                        <span style="color: #b2b2b2; margin: 0px; padding: 0px; border: 0px;">
                                                            &copy; 2013&nbsp;&nbsp;LLLLVSKI
                                                        </span>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>
4

1 に答える 1