Untermenü

[werni]

Hallo,

bin Anfänger in Sachen css. Ich hätte gern das das Untermenü bei Berührung mit der Maus ausklappt. Vielleicht kann mir jemand helfen.

</td>

<td id="navigation" valign="top">
<div class="naviueberschrift">Unsere Abteilungen</div>

<ul class="menue">

<li><a title="Fussball" href="#">Fussball</a></li>
<ul>
<li><a href="#">Herrenmannschaft</a></li>
<li><a href="#">A-Jugend</a></li>
<li><a href="#">B-Jugend</a></li>
<li><a href="#">C-Jugend</a></li>
<li><a href="#">D-Jugend</a></li>
<li><a href="#">E-Jugend</a></li>
<li><a href="#">F-Jugend</a></li>
<li><a href="#">"Alte Herren"</a></li>
</ul>

<li><a title="Link 3" href="#">Tennis</a></li>

<li><a title="Link 4" href="#">Gymnastik</a></li>

<li><a title="Link 5" href="#">Turnen</a></li>

</ul>


.menue {
list-style-type: none;
margin: 0px;
padding-left: 10px;
padding-right: 0px;
background-color: #ffffff;
color: #870000;
width: 130px;
}

.menue li a, li a:active, li a:visited {
color: #7F7F7F;
background-color: #ffffff;
width: 230px;
margin: 1px;
padding: 2px;
text-decoration: none;
font-size: 12pt;
font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
display: block;
font-weight: bold;
font-variant: small-caps;
vertical-align: middle;
}

.menue li a:hover {
color: #ffffff;
background-color: #8F8F8F;
font-family: "Century Gothic",verdana,arial,helvetica,sans-serif;
text-decoration: none;
margin-top: 1px;
padding: 2px;
font-weight: bold;
text-align: right;
}

[sejuma]

http://www.ohne-css.gehts-gar.net/0066.php
http://www.ohne-css.gehts-gar.net/0067.php