<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>
vorheriges Thema
Index