Hallo, ich habe es geschafft, nach stundenlangem basteln, mit css ein drop out fenster zu erstellen, dass sich unter einem Link öffnet, wenn man mit der Maus über ihn fährt.
Aber immer, wenn ich versuche, mit dem Mauszeiger in der aufklappenden Liste einen Link anzuklicken, verschwindet die Liste,also immer dann, wenn ich mit dem Zeiger vom "outer" Link runtergehe.
Ich habe das gleiche Script verwendet, welches in einem Beispiel aus dem Internet beschrieben wurde, und da passiert das nicht????
Hoffe auf Hilfe.
Hier mein code(hofentlich nicht zu lang, aber ich hab echt keinen Schimmer worans liegt???)
tschuldigung
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Aktuelles Verein</title>
<style type="text/css" fprolloverstyle>A:hover {color: #0D3B58; font-family: Arial Black}
body
{
scrollbar-face-color:#30A5CC;
scrollbar-shadow-color:white;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:white;
scrollbar-darkshadow-color:white;
scrollbar-track-color:white;
scrollbar-arrow-color:white
}
</style>
<!--[if IE]>
<style type="text/css">
/*<![CDATA[*/
#noniemenu {display:none;}
.menu {display:block; position:absolute;}
a.outer, a.outer:visited {color:#FFFFFF; width:96px; height:18px; display:block; background:#31A5CD; border:0px solid #31A5CD; margin-right:77px; text-align:center; float:left; text-decoration:none; font-family:arial black; font-size:15px; line-height:22px; overflow:hidden;}
a.outer:hover {color:#FFFFFF; background:#31A5CD; overflow:visible;}
a.outer:hover table {display:block; background:#30A5CC; border-collapse:collapse;}
a.inner, a.inner:visited {display:block; width:88px; height:30px; border-bottom:0px solid #FFFFFF; text-decoration:none; color:#FFFFFF;font-family:arial black; font-size:12px; text-align:center;}
a.inner:hover {background:#0D3B58;text-decoration:none; color:#FFFFFF}
/*]]>*/
</style>
<![endif]-->
</style>
</head>
<body background="Micha%20webseite/Neuer%20Ordner/background1knsth.jpg" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<div class="menu" style="position: absolute; left: 214px; top: 134px">
<a class="outer" href="#">Aktuelles<table><tr><td>
Da Capo
<a class="inner" href="#">Casa Vasalone
2007</a>
</td></tr></table>
</a>
<a class="outer" href="#">Verein
<table><tr><td>
<p style="line-height: 26px">
Kursleiter
Geschichte
</td></tr></table>
</a>
<a class="outer" href="#">Angebot
<table><tr><td>
<p style="line-height: 26px">
Workshops
Events
</td></tr></table>
</a>
<a class="outer" href="#">Impressum
<table><tr><td>
<a class="inner" href="#">Impessum
/Kontakt</a>
<a class="inner" href="#">Links
/Partner</a>
</td></tr></table>
</a>
</div>
<div id="noniemenu" style="position: absolute; left: 227px; top: 129px">
<div class="holder">
Home
</div>
<div class="holder">
Pages
Home
Products
How To
#Store
#Links
</div>
<div class="holder">
Photo Albums
House Album
A N Other Album
Wedding Album
2000 Series
</div>
<div class="holder">
Blogs
Mostly
</div>
</div>
<table cellpadding="0" cellspacing="0" width="875" height="1124">
<tr>
<td valign="top">
</td>
<td></td>
<td></td>
<td></td>
<td height="101"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td height="13"></td>
</tr>
<tr>
<td></td>
<td valign="top" colspan="2">
</td>
<td></td>
<td height="29"></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td height="44"></td>
</tr>
<tr>
<td></td>
<td></td>
<td valign="top" colspan="2">
<font color="#30A5CC" face="Arial">f</font><font color="#D3DDE7" face="Arial">d</font></td>
<td height="900"></td>
</tr>
<tr>
<td width="148"></td>
<td width="24"></td>
<td width="612"></td>
<td width="69"></td>
<td height="37" width="22"></td>
</tr>
</table>
</p>
</body>
</html>