Suche CSS für Nav_trail

[SonjaSt]

Vorab
Ich habe Shop 3.04 SP2
Basis: Standard-Template xtc4

Vorhaben
Der Nav_trail bekommt einen dunkelgrauen Hintergrund (#222222), so dass die schwarze Schrift fast unlesbar wird. Die Schrift im Nav_trail (Ihr Konto | Warenkorb | Kasse) soll daher weiß werden.

Die restlichen Schriften der Website sollen schwarz bleiben, dort wird der Hintergrund heller sein.

Bisher gemacht
1. Für den Nav_trail habe ich im stylesheet.css ein eigenes Klassenstil angelegt.
Inhalt:
.diarahmen
{
color: #fffffff;
font-size: 12px;
font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
font-weight: normal; }

2. in der index.html habe ich dem Nav_trail den Klassenstil .diarahmen zugewiesen.

Was sich änderte:
Kurioserweise ändern sich lediglich die senkrechten Striche zwischen den Links: Ihr Konto | Warenkorb | Kasse, sie werden korrekt weiß angezeigt.
Der text (Konto, Warenkorb, Kasse) hingegen wird nach wie vor schwarz angezeigt. Er ist "irgendwo" mit dem folgendem Klassenstil verbunden:
A {
color: purple;
text-decoration: none;
}

A:hover {
color: #f03c00;
text-decoration: none;
}


Ändere ich den Klassenstil "A", ändern sich alle Texte in allen Boxen, inklusive dem Nav_trail.

Wie kann ich den Nav_trail aus dem CSS "A" herausholen? Welche Verknüpfung habe ich übersehen? Die Übersetzungen sowie die Boxen habe ich mir bereits angeschaut.

Grüße,
Sonja

[John Steed]

Hallo Sonja,

der Selector A gilt erstmal für sämtliche Links auf der Seite.

Wenn ich's noch richtig in Erinnerung habe, haben die Navtrail-Links die Klasse headerNavigation - dann wär's

a.headerNavigation:link { ... }
a.headerNavigation:visited { ... }
a.headerNavigation:hover { ... }
a.headerNavigation:active { ... }

Cheers,
IaN

[SonjaSt]

Hallo IaN,
ja, es gilt leider für alle - aber wie lässt sich das trennen?

//Edit
Habe vorhin versucht, ein CSS direkt in den Nav_trail auf index.html einzufügen.
Das Resultat war ein "Smarty"-Error.
Hilft mir diese Beobachtung bei der Lösungsfindung?

Ratlose Grüße,
sonja

[SonjaSt]

Heureka!

Lösung gefunden.
Ich habe das eigene CSS Class
"diarahmen" folgendermaßen in die index.html einbinden können:

{if $account}{php} if (isset($_SESSION['customer_id'])) { {/php}<a class="diarahmen" href="{$logoff}">{#link_logoff#}</a> | {php} } {/php}{/if}{if $account}<a class="diarahmen" href="{$account}">{#link_account#}</a> | {/if}<a class="diarahmen" href="{$cart}">{#link_cart#}</a> | <a class="diarahmen" href="{$checkout}">{#link_checkout#}

Vielleicht hilft dieser Lösungsweg dem einen oder anderen ratlosen User ebenfalls? :-)

Gruß,
Sonja

[John Steed]

Heureka!

Lösung gefunden.

Heureka! Lösung schon von mir geschrieben und von Dir übersehen... hihi...

Die Links im Navtrail HABEN schon eine eigene Klasse, und zwar headerNavigation - die hätteste einfach nur den entsprechenden Links geben müssen

So geht's natürlich auch, jetzt haste halt zwei Klassen für die Navigationslinks und die Kundenlinks...

Cheers,
IaN

[SonjaSt]

Zitat von John Steed

jetzt haste halt zwei Klassen für die Navigationslinks und die Kundenlinks...

*lach*
Ja, muss ich leider haben.
Der Nav_trail wurde von mir entzwei gerissen. Der "richtige" nav_trail (startseite>> Katalog>>Kategorien>>blabla) wurde von mir ins Hauptinhaltsfeld (main) zwischen den linken und den rechten Boxen gesetzt, hat schwarze Schrift auf weißem Grund.

Der restlliche Teil (Abmelden | Ihr Konto | Warenkorb | Kasse) steht oben rechts mit weißer Schrift auf dunkelgrauem Hintergrund.

Wäre sonst doch ZU einfach gewesen!

Cheers,
Sonja