整个图像不充当链接dreamweaver
提问于 2011-03-07 10:41:28
我在Dreamweaver中创建的一些链接有问题；我是通过将网址放到Dreamweaver的链接字段中来创建这些链接的。
但是，当我在浏览器中预览时，整个图像不会变成链接，只有底部会变成链接。因此，当我将鼠标悬停在图像上时，只有在图像的最底部，它才会变成一只手。
页面的代码在这里http://jsfiddle.net/BGpu8/，这个问题的链接在页面的底部- Facebook，Twitter等。
任何关于为什么会发生这种情况的想法都将不胜感激！提前谢谢你！
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-03-07 17:34:55
它真的应该像这样标记：
<div id="fb"> <p><a href="http://www.facebook.com/group.php?gid=232587661141"><img src="graphics/social graphics/facebook.gif" width="31" height="31" alt="Facebook Logo" />
Find Us <br />on Facebook</a></p></div>把像锚和图片这样的内联元素放在像段落这样的块级元素中。在DreamWeaver生成的代码中，它有两次锚点和其他一些不可靠的东西。如果你有时间，你应该参考其他一些海报上的建议，试着手把手学习。
Stack Overflow用户
发布于 2011-03-07 11:02:33
请检查您是否遗漏了为锚点标记提供"display:block;“css属性。
Stack Overflow用户
发布于 2011-03-08 13:27:14
尝试像这样编写代码，
<div class="fbIcon"><a href="http://www.facebook.com/fbname"> </a></div>对应的CSS为：.fbIcon{ background:url(您的图片url)；height:xx px；width: xx px；}
显示a{ .fbIcon :block；}
现在它应该可以工作了！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5218626
复制相关文章
腾讯云开发者
