HTML格式在Chrome和Firefox中不起作用

HTML格式在Chrome和Firefox中不起作用,html,Html,我正在尝试创建一个相对简单的交互式地图,其中的标志充当地图图像上其他页面的超链接。当我在IE中打开一个页面时,它可以工作,但在Chrome或Firefox中不起作用。代码如下: <title> Map of Wilmington </title> <head> <style> l1 { position:absolute; top=270px; left=350px; } l2 { position:absolute; top=260px; l

我正在尝试创建一个相对简单的交互式地图,其中的标志充当地图图像上其他页面的超链接。当我在IE中打开一个页面时,它可以工作,但在Chrome或Firefox中不起作用。代码如下:

<title>
Map of Wilmington
</title>

<head>
<style>
l1
{
position:absolute;
top=270px;
left=350px;
}

l2
{
position:absolute;
top=260px;
left=170px;
}

l3
{
position:absolute;
top=320px;
left=540px;
}

l4
{
position:absolute;
top=145px;
left=230px;
}
</style>
</head>

<body>
<img SRC="Map 1.jpg" ALT="Map of the city of Wilmington" WIDTH=638 HEIGHT=750></img>

<l1><a HREF="file:///C:/Users/alr2846/Desktop/CSC204/Map2%20UNCW.html">
<img STYLE="border:none;" SRC="Flag.jpg" ALT="University of North Carolina Wilmington
601 South College Road
Wilmington, NC 28407" WIDTH=24 HEIGHT=20></img></a></l1>

<l2><a HREF="file:///C:/Users/alr2846/Desktop/CSC204/Map3%20Downtown.html">
<img STYLE="border:none;" SRC="Flag.jpg" ALT="Downtown Wilmington" WIDTH=24 HEIGHT=20> </img></a></l2>

<l3><a HREF="file:///C:/Users/alr2846/Desktop/CSC204/Map4%20Beach.html">
<img STYLE="border:none;" SRC="Flag.jpg" ALT="Wrightsville Beach" 
WIDTH=24 HEIGHT=20></img></a></l3>

<l4><img STYLE="border:none;" SRC="Flag.jpg" ALT="ILM Airport
1740 Airport Blvd 
Wilmington, NC 28405" WIDTH=24 HEIGHT=20></img></l4>
</body>
</html>

威尔明顿地图
l1
{
位置:绝对位置;
top=270px;
左=350px;
}
l2
{
位置:绝对位置;
top=260px;
左=170px;
}
l3
{
位置:绝对位置;
top=320px;
左=540px;
}
l4
{
位置:绝对位置;
top=145px;
左=230px;
}

最重要的是,页面顶部没有html标记。你必须先有html标记,然后最重要的是,你的标题标记必须在head标记中。

你在css中使用
=
而不是
。它在代码中。我一定是在复制代码时错过了。不管怎么说,我想出来了,谢谢你,t.niese