对于一个网站,我在做我的工作,我想大多使用CSS编码,但是当我看到所有涉及到CSS的地图问题我拿了别人的建议,并坚持与地图的传统HTML样式.但是,映射代码不起作用,链接仍然无法点击.我不确定这是否与CSS/HTML组合有关,但我的代码如下为HTML部分:
<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,但我会),所以我不知道这是否也是一个问题.
map name参数中不应包含#:
<map name="headermap">
它只在usemap指令中有用:
<img usemap="#headermap">
通过#输入地图的名称,您实际上必须使用usemap="##headermap".