DHTML oder JS für mein Menü

[uepselon]

Hi,

.menu {
color:#004b8c;
position:fixed;

fixed wird von den 'alten' Browsern nicht unterstützt soviel ich weiß. N4.x und IE4 haben da Probleme mit.

Aber du kannst das ganze auch in etwa so aufbauen:

CSS:

.menu {position:absolute; left:100px top:100px visibility:hidden}

Je nachdem wo dein Menü steht, die Werte kannst du mit JS auch an die aktuelle Fenstergröße anpassen falls notwendig.

HTML:

<a href="etwas.html" onMouseover="ShowMenu(1)" onMouseout="HideMenu(1)">Hauptmenüpunkt</a>

<div id="menu1" class="submenu">
Submenüpunkt1
Submenüpunkt2
Submenüpunkt3
</div>

JS:

ShowMenu(no)
{
doucment.getElementById("menu"+no).style.visibility = 'visible';
}

HideMenu(no)
{
doucment.getElementById("menu"+no).style.visibility = 'hidden';
}

Mit HideMenu musst du allerdings aufpassen, da wenn im Submenü keine BIlder stehn, und der Abstand zum Hauptmenü Link größer als 1px ist, das Menü wieder geschlossen wird.
Kannst das aber mit einem Timeout regeln, das der User etwas Zeit hat um übers Menü zu fahren und dann ShowMenu noch mal bei onMouseover über Submenü aufrufen.

Gruß

ueps

P.s: auf meiner Seite ist das Menü nach diesem Schema aufgebaut,
aber achtung: noch nicht Mozialla fähig! Da kein DOM verwendet wie hier.