1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Dropdown hinzufügen als data-type

Dieses Thema im Forum "HTML & XHTML" wurde erstellt von krug_s, 13. Februar 2015.

  1. krug_s

    krug_s Mitglied

    Hallo wie kann ich Dropdown Menu erstellen, wenn ich data-type als Navigation benutze??


    Zb. unter Mitglieder will ich jetzt noch 2 zusätzliche Punkte resp. Seiten wie Download und Profil.

    HTML:
    1. <li>
    2.                <a data-type="mitglieder" href="#0">Mitglieder</a>
    3.            </li>
    Bei mir funktioniert es nicht, ich habe probiert einfach zusätzlich noch 2 <li> Elemente hinzufügen...aber es klappt nicht. Was mache ich falsch? :rolleyes:


    Hier wäre meine Navigation Code..
    HTML:
    1. <nav class="cd-filter">
    2.             <ul>
    3.                 <li class="placeholder">
    4.                     <a data-type="start" href="#0">Navigation</a> <!-- Mobil-auswählen -->
    5.                 </li>
    6.  
    7.                 <li>
    8.                     <a class="selected" data-type="start" href="#0">Startseite</a>
    9.                 </li>
    10.  
    11.                 <li>
    12.                     <a data-type="news" href="#0">News</a>
    13.                 </li>
    14.  
    15.                 <li>
    16.                     <a data-type="verein" href="#0">Forum</a>
    17.                 </li>
    18.                
    19.                 <li>
    20.                     <a data-type="geschichte" href="#0">Gästebuch</a>
    21.                 </li>
    22.                
    23.                 <li>
    24.                     <a data-type="mitglieder" href="#0">Mitglieder</a>
    25.                 </li>
    26.                
    27.                 <li>
    28.                     <a data-type="gallerie" href="#0">Gallerie</a>
    29.                 </li>
    30.                
    31.                 <li>
    32.                     <a data-type="kontakt" href="#0">Kontakt</a>
    33.                 </li>
    34.             </ul>
    35.         </nav>
     
  2. SpiceLab

    SpiceLab ZENmechanic Premium-User

    Unabhängig von data-type erhält ein Dropdown-Menü in der Listenstruktur jede weitere/tiefere Menüebene durch Einbettung (Verschachtelung) einer Liste im Obermenüpunkt <li></li>:
    Code (HTML5):
    1. <nav class="cd-filter">
    2.   <ul><!-- Start 1. Menüebene -->
    3.     ...
    4.     <li>
    5.       <a data-type="mitglieder" href="#0">Mitglieder</a>
    6.       <ul><!-- Start 2. Menüebene -->
    7.         <li>...</li>
    8.         <li>...</li>
    9.       </ul><!-- Ende 2. Menüebene -->
    10.     </li>
    11.     ...
    12.   </ul><!-- Ende 1. Menüebene -->
    13. </nav>
    [edit]Tipp-Ex[/edit]
     
    Zuletzt bearbeitet: 13. Februar 2015
    krug_s gefällt das.
Die Seite wird geladen...