CSS生成的图标之间的未识别头发

CSS生成的图标之间的未识别头发,css,image,hyperlink,Css,Image,Hyperlink,我创建这些图标作为一个图像包装的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: #

我创建这些图标作为一个图像包装的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>​

小提琴版。

那不是头发,而是
文本装饰
——链接的默认样式。将此应用于您不想要的任何链接:

​a { text-decoration:none; }​

在电子邮件中内联这样做应该不会有问题,尽管这可能会很乏味。

这不是头发,而是
文本装饰
——链接的默认样式。将此应用于您不想要的任何链接:

​a { text-decoration:none; }​

在电子邮件中内联这样做应该不会有问题,尽管这可能会很乏味。

A
中不能有
LI
。如果可能,请更正它

此外,此CSS将修复:

a { text-decoration: none; }​

更新的小提琴:在
A
内部不能有
LI
。如果可能,请更正它

此外,此CSS将修复:

a { text-decoration: none; }​


更新的Fiddle:你尝试过几种不同的浏览器吗?@meagar我不明白为什么没有JSFIDLE链接?几乎所有的问题都有它吗?@PraveenKumar:问题和答案应该是独立的,额外的链接也可以,但只是作为对帖子的一种赞美,它不应该是唯一的内容。尽管如此,米格尔还是错误地完全删除了它,而不是像迈克尔·罗泽克那样将代码移植过来。我个人已经有好几个小时无法使用JSFIDLE,而我可以访问它,只是举一个例子说明为什么依赖外部链接会带来伤害。如果网站宕机,帖子就没用了——不好。@WesleyMurch好的,如果我需要检查它有什么问题怎么办?因为这是一把小提琴,我能马上回答。如果不是,我需要创建一个,然后解释这些东西。明白了吗?我所回答或提出的许多此类问题肯定会伴随着小提琴。如果没有,我明确要求一个。你看,它实际上更好。@PraveenKumar:请随意搜索/询问。我现在没有时间(再)讨论这件事。一句话:外部演示很有帮助,但不是必需的,而且不应该是访问代码的唯一方式。您尝试过几种不同的浏览器吗?@meagar我不明白为什么不使用jsfiddle链接?几乎所有的问题都有它吗?@PraveenKumar:问题和答案应该是独立的,额外的链接也可以,但只是作为对帖子的一种赞美,它不应该是唯一的内容。尽管如此,米格尔还是错误地完全删除了它,而不是像迈克尔·罗泽克那样将代码移植过来。我个人已经有好几个小时无法使用JSFIDLE,而我可以访问它,只是举一个例子说明为什么依赖外部链接会带来伤害。如果网站宕机,帖子就没用了——不好。@WesleyMurch好的,如果我需要检查它有什么问题怎么办?因为这是一把小提琴,我能马上回答。如果不是,我需要创建一个,然后解释这些东西。明白了吗?我所回答或提出的许多此类问题肯定会伴随着小提琴。如果没有,我明确要求一个。你看,它实际上更好。@PraveenKumar:请随意搜索/询问。我现在没有时间(再)讨论这件事。一句话:外部演示很有帮助,但不是必需的,也不应该是访问代码的唯一方式。是的,HTML有各种各样的缺陷,但您的编辑仍然缺少一个
    包装,如果我不能将一个LI封装在一个中,那么你有什么建议?@JoeIsaacson:将
    放在
  • 中,并将其全部封装在一个
      中。放置一个内联元素,如
      或者为什么需要包装?@WesleyMurch和Praveen-感谢您的帮助,HTML已经被破坏了,但是您的编辑仍然缺少一个
      包装,如果我不能将一个LI封装在一个中,那么你有什么建议?@JoeIsaacson:将
      放在
    • 中,并将其全部封装在一个
        中。放置一个内联元素,如
        或者你为什么需要包装?@WesleyMurch和Praveen-谢谢你的帮助