locomputing
CSS Sub-Menü
CSS gesteuertes Sub-Menü:
Für dieses Menü wird ein php-Server benötigt!
Beispiel für ein einfaches korreckt dargestelltes CSS Sub-Menü.
seite1.php
  • <nav>

  • <ul class = "menu">
  • Link 1
  • <a href = " seite2.php "> Link 2 </a>
  • <ul>
  • <a href = " seite2a.php "> Link 2a </a>
  • <a href = " seite2b.php "> Link 2b </a>
  • </ul>
  • < a href = " seite3.php " > Link 3 </a>
  • </ul>

  • </nav>

  • <main>

  • Seite 1

  • </main>
änderung für seite2.php
  • <ul class = " menu ">
  • <a href = " seite1.php "> Link 1 </a>
  • Link 2
  • <ul>
  • <a href = " seite2a.php "> Link 2a </a>
  • <a href = " seite2b.php "> Link 2b </a>
  • </ul>
  • <a href = " seite3.php "> Link 3 </a>
  • </ul>
Die Datei seite2.php muß erstellt werden!
änderung für seite2a.php
  • <ul class = " menu ">
  • <a href = " seite1.php "> Link 1 </a>
  • <a href = " seite2.php "> Link 2 </a>
  • <ul>
  • Link 2a
  • <a href = " seite2b.php "> Link 2b </a>
  • </ul>
  • <a href = " seite3.php "> Link 3 </a>
  • </ul>
Die Datei seite2a.php muß erstellt werden!
änderung für seite2b.php
  • <ul class = " menu ">
  • <a href = " seite1.php "> Link 1 </a>
  • <a href = " seite2.php "> Link 2 </a>
  • <ul>
  • <a href = " seite2a.php "> Link 2a </a>
  • Link 2b
  • </ul>
  • < a href = " seite3.php "> Link 3 </a>
  • </ul>
Die Datei seite2b.php muß erstellt werden!
änderung für seite3.php
  • <ul class = " menu ">
  • <a href = " seite1.php "> Link 1 </a>
  • <a href = " seite2.php "> Link 2 </a>
  • <ul>
  • <a href = " seite2a.php "> Link 2a </a>
  • <a href = " seite2b.php "> Link 2b </a>
  • </ul>
  • Link 3
  • </ul>
Die Datei seite3.php muß erstellt werden!
Menü im neuen Tab oder Seite ansehen