|
| |||||||||
|
Beim Anwählen eines Oberbegriffs soll das Untermenü 'aufklappen'. Es bietet sich an, die Seiten nach Themen zu ordnen und zusammen zu fassen. Erst nach dem Anklicken der Themenüberschrift werden dann entsprechende Unterpunkte angezeigt. Die Anzahl der Unterpunkte des Menüs halten sie in einem akzeptablen Rahmen. Die Unterscheidung von Haupt- und Unterpunkten kann man durch farblich unterschiedliche Ordnersymbole und Einrückung verdeutlichen. In der Version 01 werden zusätzlich Verzweigungssymbole eingebunden. |
Screenshot:
|

Mit einem Klick auf den Menüpunkt "Allgemeines" im Hauptmenü, wird eine neue HTML-Datei aufgerufen. Alle Seitenelemente sämtlicher Menüdateien sind gleich angeordnet. So hat es den Anschein, als würde das Menü aufgeklappt.
|
Vor den Textlinks notiere ich eine Grafik: Vor den Unterrubriken sogar eine weitere 2. Grafik, die damit auch für die Einrückung sorgt: |
|
|
Vor den Textlinks notiere ich eine Grafik: Die Einrückung der Unterpunkte wird durch CSS-Formatierungen erreicht. margin-left:10px; |
|
Lassen sie sich nicht verwirren. Der Einsatz dieses Beispiels ist recht einfach, wenn sie meine Formatierungen ohne Änderungen übernehmen. Quelltext und Download des Menübeispiels oben im Kopfbereich.
Zur Anschauung habe ich das Menü in einen Frameset eingebunden und daraus eine HP-Vorlage erstellt. Ein Download mit sämtlichen Dateien dieser Homepage-Vorlage stelle ich als ZIP-Datei im Menü Downloads als HP-Vorlage Frames F11 zur Verfügung.
Beispiel der Version 01 ansehen
Beispiel der Version 02 ansehen ![]()
#menue11 a{ font-family:Verdana,Arial,sans-serif; font-size: 10px; color: #000000; text-align: left; vertical-align:middle; text-decoration:none; padding:0px; margin:0px; display: block; line-height:11px; }
<table id="menue11"><tr><td> <a href="dateiname.htm">Textlink</a> <a href="dateiname.htm">Textlink</a> <a href="dateiname.htm">Textlink</a> </td></tr></table>Die Links erhalten natürlich noch eine vorangestellte Grafik (oder auch zwei). Die Links werden auch ohne Zeilenumbruch <br> untereinander angezeigt. Das wird durch die Anweisung display:block; erreicht.
|