onclick statt hover bei eiem dynamischen Menüs

[Nico]

Also das solltest du ein wenig anders machen.

<script type="javascript">

if (document.getElementById("nav1").getElementsByTagName("ul")[0].style.display == "none") {
document.getElementById("nav1").getElementsByTagName("ul")[0].style.display = "block";
}

</script>

Das war von mir eigentlich nur als Fragment einer Funktion gedacht. Mach da am besten eine Funktion draus, der du das Navigationselement, das betroffen sein soll, übergibtst. Außerdem sollte das Menü ja auch wieder ausgeblendet werden können.

function menue(welches) {
  if (document.getElementById(welches).style.display == "none") {
    document.getElementById(welches).style.display = "block";
  } else {
    document.getElementById(welches).style.display = "none";
  }
}

<img src="img/ffdat1.png" name="Grafik1" alt="" border="0"
onmouseover="document.images['Grafik1'].src='img/ffdat2.png';"
onmouseout="document.images['Grafik1'].src='img/ffdat1.png';"
         onclick="document.getElementById('nav1').style.display = 'block';"
         ondblclick="document.getElementById('nav1').style.display = 'none';">

Dann kannst du auch auf dieses seltsame "ondblclick" verzichten. Schreib lieber:

onclick="menue('nav1');"

Bedenke außerdem, dass das Menü so nur den Besuchern mit aktivierten Javascript zur Verfügung steht. Gestalte das Ganze lieber als Link und vergib einen Alternativtext für diejenigen, die keine Bilder sehen können (weil sie blind sind) oder sehen wollen (weil es sie nervt):

<a href="meineseite.html" onclick="menue('nav1');return false;"><img src="img/ffdat1.png" name="Grafik1" alt="Alternativtext" /></a>

Auch für den Grafikwechsler solltest du m. E. über eine Funktion nachdenken.

mein submenu erscheint unter der rechten ecke meiner linkgrafik(ffdat1.png). ich würde es aber gerne direkt unter diesem bild haben. habe es bereits mit style="position:absolute;..." versucht, aber ohne erfolg.

Hier bist du mit CSS schon auf dem richtigen Weg gewesen. So müsste es gehen, prüf das aber am besten in verschiedenen Browsern. Differenzen beruhen vielleicht darauf, dass du keine Dokumenttypdeklaration am Anfang deiner Seite eingefügt hast.

#nav1 { position: relative;
  left: -???px; }

Die Pixelbreite ergibt sich aus dem Bild. Du solltest übrigens konsequent Layoutinformationen in eine extrene CSS-Datei auslagern. Das:

<dl id="Navigation1" style="position:absolute; top: 1%; left: 1%;">

hat in einer HTML-Datei nichts zu suchen. schreibe in der CSS-Datei:

dl { position: absolute;
  top: 1%;
  left: 1%; }

oder, falls es speziell sein soll:

dl#Navigation1 { ... }

Überleg dir außerdem, ob das semantisch stimmt, was du da codest. Ist das wirklich eine Definitionsliste? Oder nicht einfach nur eine Liste von Links?
Du scheinst ja noch relativ unerfahren zu sein. Wenn Du nicht genau verstehst, was du tust, dann solltest du auf jeden Fall die entsprechenden Kapitel in SELFHTML lesen: JavaScript/DOM und Stylesheets (CSS). Das ist natürlich zeitaufwendig. Aber Rom ist auch nicht an einem Tag erbaut worden. :-)

Viel Spaß!

Nico