2013-04-30 2 views
0

Я пытаюсь создать относительно простую интерактивную карту, в которой есть флаги, которые действуют как гиперссылки на другие страницы, размещенные на изображении карты. Он работает, когда я открываю страницу в IE, но она не работает в Chrome или Firefox. Вот код:HTML-форматирование, не работающее в 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> 
+0

Вы используете '=' вместо ':' в своем css. –

ответ

0

МОСТ важная вещь, у вас нет тэга html в верхней части страницы. Сначала вы должны иметь html-тег, а затем поверх этого тег title должен находиться в главном теге.

+0

Он есть в коде. Должно быть, я пропустил это, когда копировал код. Во всяком случае, я понял это, спасибо t.niese –