JS-Menu mit eigenen Grafiken

[Gea]

Hallöle,
Ich habe schon die Suche benutzt, um was zu meinem Problem zu finden, aber scheinbar ist das mal was Neues!
Ich erstelle gerade eine neue HP. Darin möchte ich ein Navi-Menu mit Untermenus onMouseover haben. Funktioniert auch, bis eben zu dem Zeitpunkt, wo ich nicht z.B. "Geologie" als Links angebe, sondern eine Grafik verwenden will. Dann ist das Übermenu einfach WEG!! :shock:
Ich hab dazu ein Menu runtergeladen und bearbeitet. Sieht folgendermaßen aus:
[code:1:b4dec0077e]<script language="JavaScript1.2">
<!--
var head="display:''"
function doit(header){
var head=header.style
if (head.display=="none")
head.display=""
else
head.display="none"
}
//-->
</script>
<font face="Mirror">
<font size="+1"><a href="Haupt.html" target="Hauptframe" style="text-decoration:none" onFocus="this.blur()"><img src="buthome.jpg" width="120" height="40" border="0" alt="Home">
<div style="cursor: hand;" onclick="doit(document.all[this.sourc eIndex+1])"><img src="butgeo.jpg" width="120" height="40" border="0"></div>
<span style="display:none" style=&{head};>
<span style="margin-left: 10px"><a href="Praekam.html" target="Hauptframe" onFocus="this.blur()"><img src="butprae.jpg" width="90" height="30" border="0" alt="Präkambrium"></a></span><br />
<span style="margin-left: 10px"><a href="Kam.html" target="Hauptframe" onFocus="this.blur()"><img src="butkam.jpg" width="90" height="30" border="0" alt="Kambrium"></a></span><br />
<span style="margin-left: 10px"><a href="Ordo.html" target="Hauptframe" onFocus="this.blur()"><img src="butordo.jpg" width="90" height="30" border="0" alt="Ordovizium"></a></span><br />
<span style="margin-left: 10px"><a href="Silur.html" target="Hauptframe" onFocus="this.blur()"><img src="butsil.jpg" width="90" height="30" border="0" alt="Silur"></a></span><br />
<span style="margin-left: 10px"><a href="Devon.html" target="Hauptframe" onFocus="this.blur()"><img src="butdev.jpg" width="90" height="30" border="0" alt="Devon"></a></span><br />
<span style="margin-left: 10px"><a href="Karbo.html" target="Hauptframe" onFocus="this.blur()"><img src="butkarb.jpg" width="90" height="30" border="0" alt="Karbon"></a></span><br />
<span style="margin-left: 10px"><a href="Perm.html" target="Hauptframe" onFocus="this.blur()"><img src="butperm.jpg" width="90" height="30" border="0" alt="Perm"></a></span><br />
<span style="margin-left: 10px"><a href="Trias.html" target="Hauptframe" onFocus="this.blur()"><img src="buttrias.jpg" width="90" height="30" border="0" alt="Trias"></a></span><br />
<span style="margin-left: 10px"><a href="Jura.html" target="Hauptframe" onFocus="this.blur()"><img src="butjura.jpg" width="90" height="30" border="0" alt="Jura"></a></span><br />
<span style="margin-left: 10px"><a href="Kreide.html" target="Hauptframe" onFocus="this.blur()"><img src="butkrei.jpg" width="90" height="30" border="0" alt="Kreide"></a></span><br />
<span style="margin-left: 10px"><a href="Tert.html" target="Hauptframe" onFocus="this.blur()"><img src="buttert.jpg" width="90" height="30" border="0" alt="Tertiär"></a></span><br />
<span style="margin-left: 10px"><a href="Quart.html" target="Hauptframe" onFocus="this.blur()"><img src="butquart.jpg" width="90" height="30" border="0" alt="Quartär"></a></span><br />
<span style="margin-left: 10px"><a href="Nord.html" target="Hauptframe" onFocus="this.blur()"><img src="butnord.jpg" width="90" height="30" border="0" alt="Nordatlantiköffnung"></a></span><br />
<span style="margin-left: 10px"><a href="Ophio.html" target="Hauptframe" onFocus="this.blur()"><img src="butophio.jpg" width="90" height="30" border="0" alt="Ophiolithe"></a></span><br />
<span style="margin-left: 10px"><a href="Burg.html" target="Hauptframe" onFocus="this.blur()">Burgess-Shales</a></span><br />
</span></div>[/code:1:b4dec0077e]

Ich wäre wirklich dankbar für schnelle, auch für mich Anfänger verständliche Hilfe. :lol:

MfG
Gea

LGm: Quelltext in [code] gepackt und nach "Java und Co." verschoben.