• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

1 Menüpunkt aufklappen

L

Loana

Mitglied
Mal eine Frage..ich habe eine fertige Seite und möchte den Menüpunk *Hündinnen* zum aufklappen machen...wie geht das und was brauche ich für einen Code dazu??
Ich stelle mal die HTML hier rein und auch die CSS ich hoffe ihr könnt mir helfen??


Der CSS Code

Code: 
/* menue linke  seite */

ul {
list-style-type:none;
}

#menu a, #menu a:visited,#menu a:active{
border:solid 1px black;
margin-top:20px;
margin-left:20px;
margin-top:8px;
display: block;
text-align:right;
background-color:#340105;
color:#dbdaa8;
font-size: 97%;
text-decoration:none ;
width:180px;
height:25px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
}
Wenn ihr mir antwortet würde ich mich sehr freuen und bedanke mich schonmal...aber sagt es mir so dass es auch ein *dummi*versteht.
Ein Beitrag weiter oben ist der HTML Code
 
Zuletzt bearbeitet:
Sowas brauchst du gar nicht mehr umständlich selbst versuchen.. Google mal nach CSS MENU GENERATOR.. Da findest du jedes erdenkliche Menü und gibst einfach alles ein und das spuckt dir den fertigen Code aus... :)
 
Würde ich nicht.. Habe zwar auf meiner Seite auch noch nen Javascript Menü aber das ist einfach nicht Barrierefrei.. CSS ist dafür das einzig wahre..
 
Nein mit jquery hab ich keine Erfahrung...und wie gesagrt die Webseite ist fertig brauche halt nur den einen Menüpunkt wenn das überhaupt geht
Danke für die Antworten
 
Naja ne verschatelte ul halt und bei mouse Event dem untergeordneten menüpunkt display block geben.

HTML: 
<html>
     <head>
         <style type="text/css">
         #huendinnen {
             display: none;
         }
         </style>
         <script type="text/javascript">
         function showSubMenu()
         {
            document.getElementById("huendinnen").style.display = "block";
         }
         </script>
     </head>
     <body>
         <ul>
             <li><a href="" title="" mouseover="showSubMenu()">Wauzis</a></li>
                 <ul>
                      <li><a href="" title="" id="huendinnen">Hündinnen</a><li>
                 </ul>
         </ul>
      </body>
</html>
Ob es funktioniert kann ich nicht sagen - habs nicht getestet - aber der Ansatz wird schon stimmen.

grüße
 
Hallo.

Der Ansatz von TIP-TOP stimmt nicht ganz.
Ich habs mal eben korregiert:
HTML: 
<body>
         <ul>
             <li><a href="" title="" mouseover="showSubMenu()">Wauzis</a>
                 <ul>
                      <li><a href="" title="" id="huendinnen">Hündinnen</a><li>
                 </ul>
             </li>
         </ul>
      </body>
Gruss
Elroy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben