Navigation formatieren

Hallo Forum

Ich bins nochmal. Ich komme nicht dahinter, wie kann ich den ausgegebenen Code einer Navigation nach dem Modultyp "Navigationsmenü" via CSS ansprechen?

HTML-Code:

---

<div class="mod_navigation selected block" id="nav">
<ul class="level_1">
<li class="first"><a href="de-home.html" title="Home" class="first" onclick="this.blur();">Home</a></li>
<li class="active"><span class="active">Seite 1</span></li>
<li class="last"><a href="seite-2.html" title="Home" class="last" onclick="this.blur();">Seite 2</a></li>
</ul>
</div>

---

Ich habe "li.active.first, span.active.first" versucht, das wäre für mich die logische Antwort, aber keine Veränderung. :(

Gäbe es alternativ ein Modul, das ich einbinden könnte das mir einfach eine Listennavigation der aktuellen "Seite" (alle Seite mit einem gemeinsamen Startpunk) ausgibt? Ohne Span class first, last und Zeug? Wäre mir am liebsten! (Sitemap als Navigationspunkt funktioniert nicht, da nicht automatisch die aktuelle "Seite" ausgewählt wird...)

Für Antworten bin ich euch sehr dankbar, ich bin wirklich seit Stunden an der Geschichte. Habe schon versucht das Modul umzuschreiben :(

.mod_navigation ul.level_1 li

So konnte ich zumindest die li Elemente ansprechen
ansonsten noch für die links

.mod_navigation ul.level_1 li a

Hoffe das hilft dir weiter!

LG Wesze

Ach wie schön :D

Vielen Dank, klappt schon fast. Wie kann ich jetzt noch die first, active, last elemente ansprechen? :S (das ist ja dann irgendwie via span gelöst)

.mod_navigation ul.level_1 li active geht nicht

(Dennoch würde ich dringend empfehlen ein Modul in Typolight zu integrieren, das simple Listen ausgibt)

edit: Ich kriege einfach den Link zur aktiven Seite nicht formatiert. Der Link zur aktuell geöffneten Seite ist immer unformatiert. Auch im Quelltext sehe ich keine Lösung dieses Element überhaupt anzusprechen. oje.

.mod_navigation li.active span

müsste es sein. Oder? (Bin da auch nicht wirklich Fachmann ;-))

Grüße
klaschatx

Wenn ich mir das mal schnell in der Online Demo anschaue sehe ich da einfach ->
.mod_navigation span

@michael2:
1. Wenn du die ganzen Klassen nicht brauchst, dann definier diese einfach nicht in deinem CSS, das ganze ist an sich eine ganz normale Liste. Nicht mehr....

2. Mit der Erweiterung "Firebug" für Firefox kannst du dir sowas ganz einfach von der online Demo Seite (oder anderen Seiten) abschauen.. und sogar in deiner Eigenen Seite auf Fehlersuche gehen indem du schaust welche Werte von welchen Überschrieben werden...

3. Wenn du so unbedingt nur eine Liste willst, kannst du alles andere rauschmeißen (nav_default.tpl). Entweder übers Backend mit dem Template Editor das Originale Kopieren und die Kopie bearbeiten. Oder du kopierst das von Hand aus /system/modules/frontend/templates nach /templates und bearbeitest die Navi in /templates (die Kopieen werden automatisch genommen und sind updatesicher hinterlegt)
Ändern würde ich das an deiner Stelle allerdings nicht, da alle Angaben ihren Sinn haben und gebraucht werden könnten. Jetzt eventuell noch nicht, aber vielleicht kommst du mal auf die Idee dem letzten Navi Punkt irgendetwas anderes mitzugeben (border oder sonst was).

Ich hoffe das hilft schon mal weiter.

Viele Grüße

@michael2
css klassen wie z.B. active werden mit .active angesprochen! ;)
mit dem developer tool für den ff kannst recht dir recht fein den genauen css "pfad" eines elementes anzeigen lassen

ansonsten würd ich es so machen wie es mackp geschrieben hat.
einfach die tpl bearbeiten! ;)

Lg