整个图像不作为链接Dreamweaver

时间:2011-03-07 10:41:28

标签: html css dreamweaver

我在Dreamweaver中创建的链接有问题;我通过将Web地址放在Dreamweaver的链接字段中来创建这些链接。

但是当我在浏览器中预览时,整个图像不会变成链接,只有它的底部才会变成链接。因此,当我将鼠标悬停在图像上时,只有在图像的最底部才会变成一只手。

页面的代码在这里http://jsfiddle.net/BGpu8/,此问题的链接位于页面底部 - Facebook,Twitter等。

对于为什么会发生这种情况的任何想法都将非常感谢!提前谢谢!

3 个答案:

答案 0 :(得分:0)

请检查您是否错过了提供“display:block;” css属性为你的锚标签。

答案 1 :(得分:0)

它应该真的像这样标记:

<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生成的代码中,它有两次锚点和其他的难度。如果你有时间,你应该采取其他一些海报的建议,并尝试手工学习。

答案 2 :(得分:0)

尝试像这样编码,

<div class="fbIcon"><a href="http://www.facebook.com/fbname">&nbsp;</a></div>

和相应的CSS为: .fbIcon {    background:url(ur image url);    身高:xx px;    width:xx px; }

.fbIcon a {   显示:块; }

现在它很糟糕!