html map not working

对于我为自己的工作做的一个网站，我主要想使用CSS编码，但是当我看到涉及CSS地图的所有问题时，我都接受了其他人的建议并坚持使用传统的HTML地图。但是，映射代码不起作用，链接仍然不可点击。我不知道这是否与CSS/HTML组合或不是一个问题，但我的代码是HTML部分如下：html map not working

<body> 
<div id="header"> 
    <div id="menu"> 
     <img src="http://i74.photobucket.com/albums/i266/nanashiwolf/header.png" width="770" height="100" alt="logo" border="0" usemap="#headermap" /> 

<map name="#headermap"> 
    <area shape="rect" coords="156,67,156,83,225,83,225,67" href="links.html" alt="Links" /> 
    <area shape="rect" coords="239,67,239,83,309,83,309,67" href="links.html" alt="Links" /> 
    <area shape="rect" coords="324,67,324,83,392,83,392,67" href="links.html" alt="Links" /> 
    <area shape="rect" coords="403,67,403,83,511,83,511,67" href="links.html" alt="Links" /> 
    <area shape="rect" coords="526,67,526,83,588,83,588,67" href="links.html" alt="Links" /> 
    <area shape="rect" coords="602,67,602,83,662,83,662,67" href="links.html" alt="Links" /> 
    <area shape="rect" coords="675,67,675,83,736,83,736,67" href="links.html" alt="Links" /> 
</map> 
    </div></div>

此之后立即另一个打开DIV对网站的身体，据我所知，这没有问题。我也许稀化是与菜单标签的问题，但是这是我的所有菜单：

#menu { 

    float: left; 
    width: 767px; 
    height: 200px; 
}

我真的不知道是什么问题，因为我们使用的地图前，他们总是工作，所以我唯一想到的是CSS以某种方式冲突。如果我正在查看错误的CSS，而另一个标签会导致问题，我也可以发布。现在我正在查看这个IE浏览器（我还没有下载FF，但我会），所以我不知道这是否也可能是一个问题。

来源

2011-10-20 Renoto

地图name参数应该不会有#在它：

<map name="headermap">

它是只需要在USEMAP指令：

<img usemap="#headermap">

通过将#到地图的名字，你会实际上必须改用usemap="##headermap"。

来源

2011-10-20 18:50:47

只是修复它并刷新页面，但地图仍然不会工作。 – Renoto

地图也必须在使用之前进行定义。当浏览器解析图片标签时，“”尚未找到，因此它不能将两者链接在一起。 –

那么应该在地图名称后面的div菜单代码？我也应该提到我正在使用XHTML – Renoto

html map not working

回答

相关问题