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