Navigation per Klick für Untermenüs

[ThomasG]

Moin allerseits,

Hola amigos!

ultags[t].parentNode.onklick=function(){

> > >   
> > > Wenn JS Deutsch waere, wuerde das vielleicht gehen... onclick  
> > Achja, natürlich...  
> >   
> > > Der gezeigte Code enthaelt kein CSS. Die Standardeigenschaft der Elemente ist nunmal, sichtbar zu sein. Es fehlt also das CSS um die Unterelemente nicht darzustellen.  
> > Habe ich auch schon vermutet. Ich habe mich nur dadurch irreführen lassen, dass per JS Elemente kreiert werden. Da wird aber wohl doch nur ein Pfeil vorgesetzt...  
>   
> Mit dem JS liesse sich sicher auch was anstellen und das CSS der Elemente manipulieren. Ist vielleicht sogar guenstiger, fuer den Fall, dass kein JS benutzt wird. Dann stuende das Menue immerhin komplett zur Verfuegung, da es dann icht versteckt wuerde.  
>   
  
Hallo,  
  
hier habe jetzt noch den CSS-Bereich beigefügt, den ich zuvor vergessen habe.  
  
Gruß  
Thomas  
  
  
CSS:  
  
ul.menu {  
   background-color: transparent;  
   position: relative;  
   top: -1px;  
   left: 0;  
   }  
  
ul.menu li {  
   background-color: transparent;  
   padding: 0;  
   margin: 0;  
   list-style: none;  
   width: 192px;  
   top: -1px;  
   left: 1px;  
   }  
  
ul.menu ul {  
   background-color: transparent;  
   padding: 0;  
   margin: 0;  
   }  
  
ul.menu a {  
   font: bold 1.2em sans-serif;  
   text-decoration: none;  
   display: block;  
   padding: 30px 5px;  
   margin: 1px 0 0;  
   width: 192px;  
   border-radius: 5px;  
   -moz-border-radius: 5px;  
   }  
  
ul.menu a:link, ul.menu a:visited {  
   color: #e0d0b0;  
   background-color: #004e80;  
   padding: 3px 4px;  
   border: 1px solid #0af;  
   }  
  
ul.menu a:hover, ul.menu a:focus {  
   color: #ffedcd;  
   background-color: #804e00;  
   padding: 3px 4px;  
   border: 1px solid #fa0;  
   }  
  
ul.menu a:link span, ul.menu a:visited span {  
   display: none;  
   }  
  
ul.menu a:hover span, ul.menu a:focus span {  
   font-size: 1.5em;  
   line-height: 1.5em;  
   color: #804e00;  
   padding: 0.5em;  
   margin: 0 0 0 192px;  
   height: 1em;  
   width: 660px;  
   display: block;  
   position: absolute;  
   top: -7px;  
   left: -7px;  
   }  
  
ul.menu ul a {  
   display: block;  
   font: bold 1.15em sans-serif;  
   text-decoration: none;  
   padding-left: 15px;  
   text-indent: 15px;  
   }