Problem mit CSS-Änderungen im Menü
Eingetragen von warnemann (13)am 25.10.2008 - 07:15 Uhr in
Hallo zusammen!
Ich arbeite seit einigen Wochen mit DRUPAL und bin von vielem begeistert. Bei der Umsetzung einer Layoutvorlage stehe ich im Moment vor einem Problem. Ich habe die CSS-Anweisungen für die Änderungen im Menü gefunden und nahezu so abgeändert, wie ich das gerne hätte. Mir fehlt nur noch ein Punkt und den verstehe ich nicht ganz.
Wenn das Menü geschlossen ist, dann hat ein Link (mit Unterpunkten) die Anweisung <li class="collapsed">. Diese Anweisung finde ich "locker".
Wenn das Menü dann geöffnet ist, dann hat der Link die Anweisung <li class="expanded first active-trail"> oder auch <li class="expanded active-trail">. Ich kann diese Anweisungen in keiner CSS-Datei finden und selbst wenn ich die in die style.css schreibe ergibt sich keine Änderung.
Wo darf ich ansetzen?
Viele Grüße
Heinz
- Anmelden oder Registrieren um Kommentare zu schreiben
Dein Ansatzpunkt
am 25.10.2008 - 20:18 Uhr
Wenn das Menü geschlossen ist, dann hat ein Link (mit Unterpunkten) die Anweisung
<li class="collapsed">. Diese Anweisung finde ich "locker".Wenn das Menü dann geöffnet ist, dann hat der Link die Anweisung
<li class="expanded first active-trail">oder auch<li class="expanded active-trail">. Ich kann diese Anweisungen in keiner CSS-Datei finden und selbst wenn ich die in die style.css schreibe ergibt sich keine Änderung.Wo darf ich ansetzen?
Du darfst bei den internen CSS-Dateien ansetzen. Deine Änderungswünsche beziehen sich auf Angaben die in der system-menus.css und system-menus-rtl.css zu finden sind. Mit nachfolgendem Code sind sie anzusprechen.
li.expanded { ... }li.collapsed { ... }
li a.active { ... }
Beim Überschreiben ist darauf zu achten, die genaue Namenswahl der Vorgabe zu übernehmen. Die Klasse active-trail ist frei und der aktive Link wird mit der Klasse li a.active { ... } gekennzeichnet.
Überschreibst du ein Theme? Im Garland-Theme sieht es zum Beispiel so aus :
ul li.expanded { ... }ul li.collapsed { ... }
Als Ergänzung: Die Anweisung
<li class="expanded first active-trail">bedeutet, dass list item die nachfolgenden, einzelnen Klassen zugewiesen wurde.Danke
am 11.11.2008 - 09:23 Uhr
Als Ergänzung: Die Anweisung
<li class="expanded first active-trail">bedeutet, dass list item die nachfolgenden, einzelnen Klassen zugewiesen wurde.Klar. Genau das habe ich übersehen. Danke für den Hinweis.
Viele Grüße
Heinz