MudGuard: Pulldownmenü soll wieder zusammengeklappt werden

Beitrag lesen

Hi,

wer kann mir mit einem kleinen script weiterhelfen, mit welchem das Menü wieder eingeklappt wird, sobald die Mouse aus den Unterpunkten wieder herausfährt.

Meine Menüs klappen sonst nur wieder zusammen, wenn man über den Hauptpunkt fährt.

Hier mein Quelltext:

kein Doctype

<html>
<head>
<title></title>
<style type="text/css">

.demo {
        CURSOR: hand

hand ist kein zulässiger Wert für Cursor.
Meinst Du pointer?

}
.demo UL {
        CURSOR: text; DISPLAY: none
}
LI {
        COLOR: red
}
SPAN {
        COLOR: black
}
.blue {
        COLOR: blue
}
.green {
        COLOR: green
}
.maroon {
        COLOR: maroon
}
</STYLE>

<SCRIPT>

type-Attribut fehlt.

function display(el) {

niemals Namen von HTML-Elementen, HTML-Attributen, Javascript-Objekten, Javascript-Methoden oder CSS-Eigenschaften für selbstdefinierte Namen benutzen.

el.children[1].style.display = (el.children[1].style.display=='' ? 'block' : '')

nicht auf '' sondern auf 'none' setzen.

}
</SCRIPT>

</head>

spätestens ab XHTML1.0 müssen die body-tags vorhanden sein.

<table width="100%" border="0" height="100">

table hat kein height-Attribut. Nutze CSS

<tr><td>
      <div align="center"><b>

Wozu das div? td kennt auch align=center

<UL class=demo>
  <LI><A onMouseover=display(this.parentElement)>Produkte</A>

es fehlen die Quotes um den Wert des onmouseover-Attributs

<UL>
    <LI class=blue>Türen&Fenster
    <LI class=blue>Rolltore
    <LI class=blue>Schließanlagen
    <LI class=blue>Werkzeuge
    <LI class=blue>Tresore
    <LI class=blue>Makitta/ Boschgeräte aller Art
    <LI class=blue>Komunaltechnik</LI></UL></b></div>
    </td>

</tr>
</table>

wg. body-tag s.o.

</html>

Andreas