nicht angemeldet
Hallo,
mit der Idee einer 2. Ebene von Chräcker Heller habe ich nun folgende funktionierende Lösung gefunden:
http://www.system-consult.de/ie4/ie9.htm
Funktionieren tut das so:
Eine Ebene hinter! dem Menü. Nur diese Ebene enthält im DIV den Aufruf der 'hide_navi();' Funktion, wenn man mit der Maus darüber! fährt.
Diese Ebene ist einfach etwas größer als die darüberliegende Menü-Ebene und wird gemainsam mit dieser sichtbar und unsichtbar gemacht.
Hier der gesamte Quelltext.
<HTML>
<HEAD>
<TITLE>Test IE4/5 OK Aber Riesen-Tesafilm-Trick</TITLE>
<STYLE type="text/css"><!--
#MyMenue {
position: absolute;
left: 2px;
top: 15px;
width: 98px;
height: 51px;
z-index: 12;
visibility: hidden;}
#MyMenue2 {
position: absolute;
left: 0px;
top: 15px;
width: 200px;
height: 100px;
z-index: 6;
visibility: hidden;}
--></STYLE>
<SCRIPT language=JavaScript TYPE="text/javascript"><!--
function show_navi()
{
document.all.MyMenue.style.visibility = "visible";
document.all.MyMenue2.style.visibility = "visible";
}
function hide_navi()
{
document.all.MyMenue.style.visibility = "hidden";
document.all.MyMenue2.style.visibility = "hidden";
}
//--></SCRIPT>
</HEAD>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Dropdown Menü -->
<DIV id="MyMenue">
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td><img border="0" src="aus.gif" name="m01" width="9" height="17"></td>
<td><A href="hardware.htm" onMouseOut='m01.src="aus.gif";' onMouseOver='m01.src="ein.gif"; show_navi();' target=_self><img border="0" src="m1_hardware.gif" width="89" height="17"></A></td>
</tr><tr>
<td><img border="0" src="aus.gif" name="m02" width="9" height="17"></td>
<td><A href="software.htm" onMouseOut='m02.src="aus.gif";' onMouseOver='m02.src="ein.gif"; show_navi();' target=_self><img border="0" src="m1_software.gif" width="89" height="17"></A></td>
</tr><tr>
<td><img border="0" src="aus.gif" name="m03" width="9" height="17"></td>
<td><A href="schulung.htm" onMouseOut='m03.src="aus.gif";' onMouseOver='m03.src="ein.gif"; show_navi();' target=_self><img border="0" src="m1_schulung.gif" width="89" height="17"></A></td>
</tr></table>
</DIV>
<DIV id="MyMenue2" onMouseOver="hide_navi();"> </DIV>
<!-- Hauptmenü -->
<A href="produkte.htm" onMouseOver="show_navi()"><img border=0 src="m_produkte.gif" width="56" height="15"></A><br>
<A href="nirvana.htm">Link in's Niemandsland</A>
</BODY></HTML>
Wenn jemand noch eine Lösung parat hat, die auch ohne diese 2. Ebene funktioniert, darf mir gern Bescheid geben, denn der zusätzliche Code vergrößert bei 7 solchen Menüs die Datei erheblich (auch, wenns ein externes Stylesheet ist)
Also, weiter grübeln ;-)
Ciao
Christian