submenu formatieren

Hallo allerseits
Komme schon wieder nicht weiter...
Möchte mit Submenüs arbeiten, kann diese aber nicht ansprechen. Meine Testseite ist hier:
--ALTER LINK WURDE ENTFERNT--
Unter Instrumente erscheint das Untermenü, dieses möchte ich noch nach unten verschieben und anders formatieren.
Ich hab's mal so versucht:
ul.menu li.item6 a {
padding-top:30px;
}
ul.menu li.item6 a:visited {
padding-top:30px;
}
ul.menu li.item6#current a {
padding-top:30px;
}
ul.menu li.item6 a:hover {
padding-top:30px;
}
leider ohne Erfolg. Im unterdessen installierten Firebug finde ich die Identifikation li.item 6, ich weiss aber nicht, wie ich das ansprechen muss. Vielen Dank für eure Hilfe und liebe Grüsse
Ernesto

Hallo

Nach einem Blick in den Seitenquellcode wage ich folgenden Vorschlag:

div#leftsubmenu {padding-top: 100px;} /*Bringt das Menu 100 Pixel nach unten */
div#leftsubmenu ul {Listen-Styles;} /*Hier die Formate für das Untermenu */
div#leftsubmenu ul li {Listen-Eintrag-Styles;} /*Hier die Formate für die Listeneinträge des Untermenus */
div#leftsubmenu ul li a {Link-Styles;} /*Hier die Formate für die Links */
div#leftsubmenu ul li a span {Link Text Styles;} /*Hier die Formate für den Link-Text */

Gruss
Adrian

--ALTER LINK WURDE ENTFERNT--

Hallo Adrian
Vielen Dank für deine Hilfe.
Siehst du eine Möglichkeit, dass je nach gewähltem Hauptmenupunkt unterschiedliche padding-top gewählt werden könnte? Das Ziel wäre, dass das Submenü auf der Höhe des jeweiligen Hauptmenupunktes erscheint.
Vielen Dank und Gruss
Ernesto

Hallo

Du könntest natürlich für jedes Untermenu einzeln eine CSS-Deklaration erstellen und dem jeweils obersten Listeneintrag z.B. einen margin-top hinzufügen, also wie folgt:

div#leftsubmenu ul li.item6 {margin-top: 100px;} /*Untermenu Instrumente*/
div#leftsubmenu ul li.item9 {margin-top: 200px;} /*Untermenu Unterricht*/

Das ist aber ziemlich unflexibel. Wenn ein weiterer Unter- oder Menupunkt hinzugefügt wird, dann stimmt nichts mehr.

Mit CSS lässt sich diese Aufgabe zum Beispiel wie folgt lösen: Das Untermenu (ul innerhalb ul) wird in der Hauptmenustruktur belassen und durch eine Positionsverschiebung kombiniert mit einer absoluten Positionierung aus dem Hauptmenu herausgeschoben. Durch die absolute Positionierung des Untermenüs fällt das Hauptmenü an dieser Stelle wieder in sich zusammen.

Ist eine spannende Aufgabe, viel Spass!

Gruss
Adrian

--ALTER LINK WURDE ENTFERNT--

Hallo Adrian
Werde mich mal mit der einfachen Lösung begnügen...
Vielen Dank für deine tolle Hilfe und liebe Grüsse
Ernesto