nicht angemeldet
Und noch ein Hallo,
Bei all den "liegts an mouseout-Überlegungen" muß ich leider sagen, daß das Script mit folgendem Menü-Div auch nicht funktioniert:
<DIV id="MyMenue" onMouseOut="hide_navi();">
<A href="hardware.htm">testtest</A><A href="software.htm">testtest</A>
<A href="schulung.htm">testtest</A>
</DIV>
das eigenartige ist, daß dort der Layer verschwindet, sobald man den zweiten Link anfährt. (Übrigens wird der mouseout zweimal ausgelöst(?) )
Wer soll da noch was verstehen *schimpfübermicrosoft*!?
Nun könnte man ja, zumindest beim IE5, das Menü so schreiben.
<DIV id="MyMenue" onMouseOut="hide_navi();">
<A onMouseOver="show_navi()" href="hardware.htm">testtest</A><A onMouseOver="show_navi()" href="software.htm">testtest</A>
<A onMouseOver="show_navi()" href="schulung.htm">testtest</A>
</DIV>
das funktioniert. Baut man nun aber diese neuen onmouseover in Dein richtiges Menüscript ein dann....genau, läuft nicht .... am liebsten würde ich es auf den IE schieben ;-)))
Oder einfacher so:
<DIV id="MyMenue" onMouseOut="hide_navi();" onMouseOver="show_navi()">
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td><A href="hardware.htm">Hardware</A></td>
</tr><tr>
<td><A href="software.htm">Software</A></td>
</tr><tr>
<td><A href="schulung.htm">Schulung</A></td>
</tr></table>
</DIV>
http://www.system-consult.de/ie4/ie7.htm
Das funktioniert dann auch mit Bildern (ohne 'Wanderpunkt')
http://www.system-consult.de/ie4/ie8.htm
Und so klappt es dan komischerweise sogar unter IE4!!! Komisch, komisch.
Ist wohl ein unerkannter Bug, da Textlinks im IE4/5 doch automatisch eine gewisse Dynamik haben (hover).
Trotzdem, Dein Tipp mit der 2. Ebene funktioniert, wenn man sie unter das Menü legt und noch bischen was ändert. Sieht leider im EI4 furchtbar aus *blinkblitz*.
Suche also noch eine bessere Lösung als diese.
http://www.system-consult.de/ie4/ie6.htm
<STYLE type="text/css"><!--
#MyMenue {
position: absolute;
left: 0px;
top: 15px;
width: 107px;
height: 51px;
z-index: 12;
visibility: hidden;}
#MyMenue2 {
position: absolute;
left: 0px;
top: 15px;
width: 108px;
height: 53px;
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";
}
function hide_navi2()
{
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" onMouseOut="hide_navi();">
<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" onMouseOut="hide_navi2();" onMouseOver="show_navi();"> </DIV>
So, tüftel noch bischen weiter!
Ciao
Christian