So hab es nun soweit das es im Opera aufpoppt, allerdings geht es im IE 7 nicht
es liegt bestimmt an dem <a>-Tag.
Aber das Beispiel (Link von mir) geht ja im IE 7
Hier mein bisheriger code:
HTML-Code:
<html>
<head>
<title>Vertikales PopUpMenue</title>
<style type="text/css">
/* Grundlegende Formatierung für die Aufzählungslisten */
ul#navigation-1, ul.navigation-2, ul.navigation-3
{
list-style: none;
display: block;
}
a
{
color: #000000;
font-family: verdana, arial;
}
/* Unterpunkte ausblenden */
ul.navigation-2
{
display: none;
}
/* Zweite Ebene einblenden FF & Opera*/
ul#navigation-1 li:hover ul.navigation-2
{
display: block;
}
</style>
</head>
<body>
<ul id="navigation-1">
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="Praxislösungen">Praxislösungen</a>
<ul class="navigation-2">
<li><a href="#" title="TurboMed">TurboMed</a></li>
<li><a href="#" title="Facharztlösungen">Facharztlösungen</a>
<ul class="navigation-3">
<li><a href="#" title="Augenärzte">Augenärzte</a></li>
<li><a href="#" title="Internisten">Internisten</a></li>
<li><a href="#" title="Gynakologen">Gynakologen</a></li>
<li><a href="#" title="Radiologen">Radiologen</a></li>
<li><a href="#" title="Teilradiologen">Teilradiologen</a></li> <li><a href="#" title="Psychologen">Psychologen</a></li>
</ul>
</li>
<li><a href="#" title="Turbomed und mehr...">Turbomed und mehr...</a></li>
<ul class="navigation-3">
<li><a href="#" title="Spracherkennung">Spracherkennung</a></li>
<li><a href="#" title="Archivierung">Archivierung</a></li>
<li><a href="#" title="Qualitätsmanagement">Qualitätsmanagement</a></li>
<li><a href="#" title="Plectrums">Plectrums</a></li>
<li><a href="#" title="Finanzen">Finanzen</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
Und für die restlichen Browser wollte ich es über JS steuern.