[CSS][HTML]menu rozwijane Opcje

[pepek23]

witam
przepraszam z góry ze piszę coś takiego tutaj ale juz jestem w desperacji. Od miesiąca bawie sie w probe tworzenia stronek wiec pewne jest ze jestem kompletnym laikiem. Prosze o pomoc jakbyscie tlumaczyli wlasnej mamie albo nawet babci:)

chodzi mi o menu imitujace tradycyjne menu aplikacji, przyklad analizowalem a raczej probowalem to robic ze stronki http://www.kurshtml.boo.pl/skrypty/wyglad,..._rozwijane.html no ale ni hu hu nie moge sprawic aby mi to dzialalo tak jak tam jest. Oczywiscie nie chce wykorzystywac czyjegos kodu no ale poki nie widze efektu co ten kod powoduje to nie bardzo moge przeanalizowac i sprobowac zrobic po swojemu wiec bardzo prosze o dokladny opis jak co i gdzie zapisac aby to dzialalo

kod ze stronki:
"Aby uzyskać następujące wielopoziomowe menu otwierane, imitujące tradycyjne menu aplikacji:"
"należy użyć kodu XHTML:"

<dl id="menu0">
<dt>Kurs</dt>
<dd>
<dl>
<dt><a href="...">HTML</a></dt>
<dd>
<dl>
<dt><a href="...">Dla zielonych</a></dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
</dd>
<dd>
<dl>
<dt><a href="...">BODY i META</a></dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
</dd>
<dd>
<dl>
<dt><a href="...">Tekst</a></dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
</dd>
</dl>
</dd>
<dd>
<dl>
<dt><a href="...">CSS</a></dt>
<dd><a href="...">...</a></dd>
<dd><a href="...">...</a></dd>
</dl>
</dd>
</dl>
<script type="text/javascript">
// <![CDATA[
new Menu('menu0', 'menu0', true, false, 0, 0, -1, -1, true);
// ]]>
</script>



"oraz dołączyć następujący arkusz CSS:"

.menu0, .menu0 dl {
font-size: 12px;
position: absolute;
width: 150px;
margin: 0;
padding: 0;
border-width: 1px;
border-style: solid;
border-color: #eee #aaa #aaa #eee;
}

.menu0 dt {
cursor: pointer;
margin: 0;
padding: 0;
background-color: #888;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 14px;
border-width: 1px;
border-style: solid;
border-color: #aaa #666 #666 #aaa;
padding: 4px 5px;
}

.menu0 dl dt {
background-color: #ccc;
color: #000;
text-align: left;
font-weight: normal;
font-size: 12px;
border: 0;
padding: 0;
}

.menu0 dd {
background-color: #ccc;
color: #000;
margin: 0;
padding: 0;
width: 150px;
height: 22px;
}

.menu0 dd.active {
font-weight: bold;
}

.menu0 dt a {
background: url("submenu.gif") no-repeat 140px 8px;
padding-right: 20px;
}

.menu0 a:link, .menu0 a:visited {
display: block;
color: #000;
text-decoration: none;
padding: 4px 5px;
}

.menu0 a:hover {
color: #fff;
background-color: #008;
}

.menu0 dl {
position: absolute;
border: 0;
}

.menu0 dl dd {
position: relative;
left: 151px;
bottom: 22px;
border-left: 1px solid #eee;
border-right: 1px solid #aaa;
}

[MateuszS]

a no bo do tego jest jeszcze javascript. Tam gdzies na stronce jest link do kodu. Sekundka... o jest! http://www.kurshtml.boo.pl/skrypty/skrypt,..._rozwijane.html