如何制作页脚图像地图

我想让导航栏固定在页面的右下角，我已经完成了，而且我正要去制作一张图像地图，直到我去了进入Dreamweaver，我的图像甚至不会弹出来画出来，我会手动去做，直到我想知道，这将甚至工作？（因为它实际上一直在移动，所以很难在它上面进行坐标）。我怎样才能将我的图像变成可用的可点击按钮？如何制作页脚图像地图

here's what my footer looks like

来源

2013-03-22 rachel

它的移动申报类？这是您网站上的动画GIF吗？ Dreamweaver是设置图像映射的好工具。您可能需要检查Dreamweaver中图像的路径，以便它可以找到图像，以便您可以看到绘制图像。您可以手动设置图像映射，但我发现它有很多试用，错误和挫败感。一个可视化工具将节省时间，并给你喜欢的结果。 – 2013-03-22 04:39:33

它不是一个动画gif。它正在移动，当你调整浏览器大小时，它就停留在角落。当你滚动它继续留在角落。而已！我会仔细检查我的路径。谢谢:) – rachel 2013-03-22 04:41:17

但是，一个图像映射仍然可以在固定在右下角的东西上工作吗？ – rachel 2013-03-22 04:43:40

如果你不能得到Dreamweaver的合作，你总是可以尝试一个Web应用程序是这样的：

http://www.image-maps.com/

我没有用它自己，但它看起来像您上传图片，该网站可帮助您绘制您的区域，并在完成后下载代码。

来源

2013-03-22 04:43:17

如果你发现很难映射图像，而是使用position: relative;的容器，并在以后使用<a>和使用以下样式

a { 
    display: block; 
    height: 30px; /* Set accordingly */ 
    width: 30px; /* Set accordingly */ 
    position: absolute; 
    /* Now set top, bottom, left, right according to your requirements */ 
}

只是一个侧面说明，使用border: 1px solid #f00;只是要确定你的<a>包裹决定目标，然后您可以删除或禁用边框。

您也可以使用:nth-of-type为<a>所以你不需要为每个<a>元素

来源

2013-03-22 04:46:57

如何制作页脚图像地图

回答

相关问题