Varför funkar inte min Map

5 svar · 236 visningar · startad av xtreme 21 feb. 2004

xtremeMedlem sedan juli 20002 056 inlägg

Frågan21 feb. 2004 11:59#1

Håller på att göra en hemsida där jag använder map på en bild genom dreamweaver. Får det att funka på vissa sidor men inte på andra trots att jag kopierat koden från den som funkat. Vad är felet? Just nu är det bara två länkar, laget och resultat.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cuper</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body bgcolor="#CCCCCC">
<table width="706" height="517" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td height="80" colspan="3"><img src="logga.jpg" width="715" height="80" border="0" usemap="#Map"></div></td>
  </tr>
  <tr> 
    <td width="220" height="27" bgcolor="#FFFFFF"><p>&nbsp;</p></td>
    <td width="495" height="27" bgcolor="#FFFFFF"><strong>Resultat av cuper</strong></td>
  </tr>
  <tr> 
    <td height="350" bgcolor="#FFFFFF"><p><font size="1"><a href="resultat/innebandycup.htm" target="iframe">Malm&ouml; 
        innebandycup 30-31/1</a></font></p>
      </td>
    <td rowspan="2" bgcolor="#FFFFFF"><IFRAME NAME="iframe" width="95%" height="95%" frameborder="0"></td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
</table>
<map name="Map"><area shape="rect" coords="528,64,709,77" href="#">
  <area shape="rect" coords="528,49,709,62" href="#">
  <area shape="rect" coords="528,33,709,46" href="#">
  <area shape="rect" coords="527,17,708,30" href="#">
  <area shape="rect" coords="527,1,708,14" href="#">
  <area shape="rect" coords="346,66,527,79" href="#">
  <area shape="rect" coords="345,51,526,64" href="#">
  <area shape="rect" coords="344,17,525,30" href="resultat.htm">
  <area shape="rect" coords="345,33,526,46" href="#">
  <area shape="rect" coords="344,2,525,15" href="laget.htm">
</map>
</body>
</html>

jarvkloMedlem sedan juli 20013 378 inlägg

21 feb. 2004 19:10#2

Svårt att säga....
Har du en länk till en sida där det inte funkar ?

Förresten - För att eliminera misstag man lätt kan råka göra:
Är du säker på att du inte råkat döpa två olika <map> (eller en <map> och en <a name>) till samma namn av misstag på de sidor där det inte funkar? (Alla <a name="..."> och <map name="..."> måste ha unika namn inom sidan för att det skall fungera)

Kolla också att alla stora och små bokstäver i namnen du valt är identiskt inskrivna mellan usemap="..." och<map name="..."> - namnen är skiftlägeskänsliga och t.ex. så är "Map" och "map" är inte samma sak...

henkzMedlem sedan apr. 2002183 inlägg

21 feb. 2004 19:17#3

flytta upp all kod från:
<map name="Map">
.....
till
</map>
överst istället. Felet ligger i att koden ligger under länken till bilden.

henkzMedlem sedan apr. 2002183 inlägg

21 feb. 2004 19:21#4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cuper</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<body bgcolor="#CCCCCC">
<map name="Map"><area shape="rect" coords="528,64,709,77" href="#">
  <area shape="rect" coords="528,49,709,62" href="#">
  <area shape="rect" coords="528,33,709,46" href="#">
  <area shape="rect" coords="527,17,708,30" href="#">
  <area shape="rect" coords="527,1,708,14" href="#">
  <area shape="rect" coords="346,66,527,79" href="#">
  <area shape="rect" coords="345,51,526,64" href="#">
  <area shape="rect" coords="344,17,525,30" href="resultat.htm">
  <area shape="rect" coords="345,33,526,46" href="#">
  <area shape="rect" coords="344,2,525,15" href="laget.htm">
</map>
<table width="706" height="517" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr> 
    <td height="80" colspan="3"><img src="logga.jpg" width="715" height="80" border="0" usemap="#Map"></div></td>
  </tr>
  <tr> 
    <td width="220" height="27" bgcolor="#FFFFFF"><p> </p></td>
    <td width="495" height="27" bgcolor="#FFFFFF"><strong>Resultat av cuper</strong></td>
  </tr>
  <tr> 
    <td height="350" bgcolor="#FFFFFF"><p><font size="1"><a href="resultat/innebandycup.htm" target="iframe">Malmö 
        innebandycup 30-31/1</a></font></p>
      </td>
    <td rowspan="2" bgcolor="#FFFFFF"><IFRAME NAME="iframe" width="95%" height="95%" frameborder="0"></td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF"> </td>
  </tr>
</table>

</body>
</html>

SugarDaddyMedlem sedan apr. 20021 155 inlägg

21 feb. 2004 23:16#5

Felet ligger i att koden ligger under länken till bilden.

- Totalt crap... En map kan du lägga precis var du vill, slutdiskuterat.
Utöver vad Jarvklo sagt så kan en möjlig felkälla vara att dina fält överlappar varandra, har du kollat upp alla koordinater att så inte är fallet?

henkzMedlem sedan apr. 2002183 inlägg

22 feb. 2004 08:47#6

- Totalt crap... En map kan du lägga precis var du vill, slutdiskuterat.

I vanliga fall ja, men i detta fall fungerar det att flytta upp koden