Aggiornandolo un poco ottengo un file validato:
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<script type="text/javascript">
function RollMapOn(i)
{
var IMG = document.getElementById("immagine");
IMG.src = "mappa_"+i+".gif";
}
function RollMapOff()
{
var IMG = document.getElementById("immagine");
IMG.src = "mappa.gif";
}
</script>
[img]mappa.gif[/img]
<map name="mappa" id="giotti">
<area shape="rect" coords="1, 2, 52, 48" href="http://www.google.it"
onmouseover="RollMapOn(1)" onmouseout="RollMapOff()" alt="immagine1"></area>
<area shape="rect" coords="53, 2, 100, 49" href="http://www.html.it"
onmouseover="RollMapOn(2)" onmouseout="RollMapOff()" alt="immagine1"></area>
<area shape="rect" coords="1, 50, 52, 96" href="http://forum.punto-web.net/"
onmouseover="RollMapOn(3)" onmouseout="RollMapOff()" alt="immagine1"></area>
<area shape="rect" coords="54, 49, 100, 96" href="http://www.google.it"
onmouseover="RollMapOn(4)" onmouseout="RollMapOff()" alt="immagine1"></area>
</map>
</body>
</html>
ma non funziona ancora...