Hallo thomas,

Du musst einfach den html Code einfügen:

Quelle: http://www.silent-fran.de/css/tutorial/aufklappmenue.html

<div id="menu">
<ul>
<li class="topmenu">
<a href="">Menü 1</a>
<ul>
<li class="submenu"><a href="">Unterpunkt 1.1</a></li>
<li class="submenu"><a href="">Unterpunkt 1.2</a></li>
</ul>
</li>
<li class="topmenu">
<a href="">Menü 2</a>
<ul>
<li class="submenu"><a href="">Unterpunkt 2.1</a></li>
<li class="submenu"><a href="">Unterpunkt 2.2</a></li>
</ul>
</li>
<li class="topmenu">
<a href="">Menü 3</a>
<ul>
<li class="submenu"><a href="">Unterpunkt 3.1</a></li>
<li class="submenu"><a href="">Unterpunkt 3.2</a></li>
</ul>
</li>
</ul>
</div>



Dabei musst Du die Menüpunkte im Code umbenennen. (Menü 1, Menü 2 ... und Unterpunkt 1.1, Unterpunkt 1.2 ...) Brauchst Du mehr Menüpunkte und Unterpunkte, einfach den Code entsprechend erweitern.

Ich hoffe Dir damit geholfen zu haben.

Gruß

Hallo Thomas,

füge mal noch diesen Code dazu:
Quelle: http://www.silent-fran.de/css/tutorial/aufklappmenue.html

#menu {
font-size:14px;
position:absolute;
}

#menu ul {
list-style-type:none;
list-style-image:none;
margin:0px;
padding:0px;
}

#menu li.topmenu {
float:left;
}

.topmenu a {
float:left;
width:110px;
text-align:center;
}

.topmenu ul{
display:none;
}

.topmenu a, .submenu a{
padding:1px 5px;
border:1px solid #C37000;
border-collapse:collapse;
color:#C37000;
font-weight:bold;
text-decoration:none;
background-color:#7F4800;
margin:0;
}

.submenu a{
font-size:12px;
width:110px;
position:relative;
clear:both; /* special IE6 */
}

#menu a:hover, .topmenu.on a {
color:#4C4C4C;
background-color:#ffddbb !important;
}

.topmenu:hover ul {
display:block;
z-index:500;
}

Der Code steht auf der Seite, die ich als Quelle angegeben habe. Welchen Browser verwendest Du? Nicht alle Codes funktionieren mit jedem Browser. Mit dem Internet Explorer sollte es aber gehen. Vielleicht ist der Code auch schon etwas älter.

Gruß

Gruß