Die Anleitungen in SELFHTML basieren alle auf verschachtelte Listen (siehe Erläuterungen dort ab Anfang der verlinkten Seite), also diese Form:
<ul id="menu">
<li><a href="ueberuns.html" target="main">HOME</a></li>
<li><a href="news.html" target="main">NEWS</a></li>
<li><a href="billy.html"target="main">BILLY</a></li>
<li><a href="shannon.html"target="main">SHANNON</a></li>
<li><a href="ray.html"target="main">RAY OF LIGHT</a></li>
<li><a href="fotogalerie.html"target="main">FOTOGALERIE</a></li>
<li><a href="wissenswertes.html"target="main">WISSENSWERTES</a>
<ul>
<li><a href="#">Unter-Punkt 1</a></li>
<li><a href="#">Unter-Punkt 2</a></li>
<li><a href="#">Unter-Punkt 3</a></li>
</ul>
</li>
<li><a href="puzzle.html"target="main">PUZZLE</a></li>
<li><a href="awards.html"target="main">AWARDS</a></li>
<li><a href="links.html"target="main">LINKS</a></li>
<li><a href="http://www.venx-gb.de/gb-a27787-0.html"target="main">GÄSTEBUCH</a></li>
<li><a href="impressum.html"target="main">IMPRESSUM</a></li>
</ul>
Die Unter-Punkte, die ausgeklappt werde sollen, werden in CSS mit
display:none versteckt, und bei hover mit
display:block wieder eigeblendet. Leider wurde bei SELFHTML kein Beispiel aufgeführt für eine vertikale Navigation, die in der horizontalen aufklappt, nur umgekehrt. Ich würde hierfür versuchen, den aufzuklappenden Teil mit
float:right zu positionieren:
ul#menu li {
list-style:none;
}
ul#menu li ul {
padding-left:0;
margin-left:0;
text-indent:0;
float:right;
display:none;
}
ul#menu li:hover ul {
display:block;
}
Allerdings komme ich bei einem Test mit verschiedenen Browsern zu unterschiedlichen Ergebnissen. Vielleicht fällt mir oder jemand anderem morgen noch eine passendere Lösung ein ;)
mfG Jörg