Funktioniert so nicht im IE
dafuer braeuchte man CC, das css dazu waer mir jetzt zu aufwendig zu schreiben also musst du dich entweder damit zufrieden geben oder weiter warten.
Solltest du das auf der KD HP anwenden wollen, dann vergiss
bitte nicht, dass du das alles ohne Zeillenumbrueche schreiben musst.
<style type="text/css" media="screen">
* { margin:0; padding:0; }
/* allgemeine Listendefinitionen */
ul {
list-style-type: none;
position:absolute;
width:90px;
}
/* die Listenunkte floaten */
ul li {
float:left;
position:relative;
width:100%;
}
/* Verziehrung links usw. hier her */
ul li a, ul li a:visited {
display:block;
text-decoration:none;
}
/* dropdown unsichtbar im normal stage */
ul li ul {
visibility:hidden;
}
/* position beim hovern des submenues */
ul li:hover ul {
visibility:visible;
position:absolute;
top:0;
left:70px;
width:100px;
height:100%;
}
/* fuer die links im submenue */
ul li:hover ul li a {
display:block;
width:90px;
height:20px;
}
</style>
...
<ul>
<li>
<a href="#">Seite 1</a>
<ul>
<li><a href="#" onClick="window.open('URL','','width=425,height=355'); return false;">Unterseite 1</a></li>
<li><a href="#" onClick="window.open('URL','','width=425,height=355'); return false;">Unterseite 2</a></li>
<li><a href="#" onClick="window.open('URL','','width=425,height=355'); return false;">Unterseite 3</a></li>
</ul>
</li>
<li><a href="#nogo">Seite 2</a>
<ul>
<li><a href="#" onClick="window.open('URL','','width=425,height=355'); return false;">Unterseite 1</a></li>
<li><a href="#" onClick="window.open('URL','','width=425,height=355'); return false;">Unterseite 2</a></li>
<li><a href="#" onClick="window.open('URL','','width=425,height=355'); return false;">Unterseite 3</a></li>
</ul>
</li>
</ul>