0

これらのアイコンは、CSSサークルで囲まれた画像として作成しています。それでも、このランダムな髪の毛は、CSSに由来しているように見えます。

理由は何ですか？申し訳ありませんが、CSSはすべてインラインです-これはHTMLメール用です：

<div style="width: 180px; text-align: center;margin: 0 auto;">
<a href="http://pinterest.com/houseplansdan/">
<li style="list-style: none; background-color: #505050;width: 40px;height: 40px;border-radius: 20px; display: inline-block;margin-right: 10px;">
<img style="padding-top: 5px;"src="http://homeplan.com/newsletter/October/img/icons/32x32_pinterest.png" href="http://pinterest.com/houseplansdan/">
</li>
</a>    

<a href="http://www.facebook.com/pages/Houseplans/91152065546">
<li style="background-color: #505050;width: 40px;height: 40px;border-radius: 20px; display: inline-block; margin-right: 10px;">
<img style="padding-top: 5px;"src="http://homeplan.com/newsletter/October/img/icons/32x32_facebook.png">
</li>
</a>    

<a href="http://twitter.com/houseplans_">
<li style="list-style: none; background-color: #505050; width: 40px;height: 40px;border-radius: 20px; display: inline-block;">
<img style="padding-top: 5px;"src="http://homeplan.com/newsletter/October/img/icons/32x32_twitter.png">
</li>
</a>  
</div>​

ここにフィドルバージョン。

4

2 に答える 2

3

それは髪の毛ではなくtext-decoration、リンクのデフォルトのスタイルです。これを不要なリンクに適用します。

​a { text-decoration:none; }​

面倒かもしれませんが、電子メールに対してインラインでこれを行うのに問題はないはずです。

于 2012-10-08T17:52:39.680 に答える
2

LIの中に を含めることはできませんA。可能であれば、修正してください。

また、このCSSは以下を修正します。

a { text-decoration: none; }​

更新されたフィドル: http://jsfiddle.net/pHksF/2/

于 2012-10-08T17:53:21.413 に答える