Probleme im Frontend CSS mit aktivem Link

[Iller13]

Hallo zusammen,
ich habe ein Problem mit der Darstellung der aktiven Links in der NAV_ROW.
Und zwar werden diese nicht korrekt angezeigt, wenn ich auf der entsprechenden aktiven Seite bin.

So sieht der Code im Frontend CSS aus:

Code: Select all

a, a:link, a:visited, a:focus {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

a:active {
	color: #FF3300;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

a:hover {
	color: #535355;
	text-decoration: none;
	font-weight: bold;
}

So, nun müsste doch der Link der aktiven Seite Rot dargestellt werden, oder? Wird er aber nicht.
Ich verwende zur Darstellung die NAV_ROW:1:0, bzw. entsprechend angepasst für andere Unterkategorien.

Weiß jemand Rat?

Danke Patrick

[flip-flop]

Hallo,

dieses Pseudoelement/klasse, hat wenig mit der aktuellen Seite zu tun, obwohl es ersteinmal so aussieht. Die Interpretation ist auch nicht in allen Browsern gleich.
Siehe http://de.selfhtml.org/css/eigenschafte ... ormate.htm

Zum Ziel kommst du, wenn du dir in der config\phpwcms\conf.template_default.inc.php
den Bereich // row based navigation genauer anschaust und einmal mit deinem generierten Quelltext abgleichst.



Knut

[Iller13]

Hi flip-flop,
Danke für deine Hilfe!

Habe ich mir angeschaut.
Was kann ich denn in die "// row based navigation" eintragen?
CSS-Farbwerte werden nicht angenommen.

Oder muss ich im frontend_css eine #navrow anlegen?

Patrick

[flip-flop]

Dort steht doch z.B. so etwas:

Code: Select all

// row based navigation
$template_default['nav_row']['before']						= '';
$template_default['nav_row']['after']						= '';
$template_default['nav_row']['between']						= ' | ';
$template_default['nav_row']['link_before']					= '';
$template_default['nav_row']['link_after']					= '';
$template_default['nav_row']['link_before_active']			= '<span style="text-decoration:none;font-weight:bold;">';
$template_default['nav_row']['link_after_active']			= '</span>';
$template_default['nav_row']['link_direct_before']			= '';
$template_default['nav_row']['link_direct_after']			= '';
$template_default['nav_row']['link_direct_before_active']	= '';
$template_default['nav_row']['link_direct_after_active']	= '';

Wenn mich nicht alles täuscht ist der Eintrag ['link_before_active'] zuständig für den aktiven Status. Bitte im generierten Quelltext abgleichen).
Eine Klasse muss nicht angelegt werden, wenn unbedingt notwendig, dann z.B. so:

Code: Select all

.nav-row-active {
   color: #FF3300;
   text-decoration: underline;
   font-size: 12px;
   font-weight: bold;
}

mit

Code: Select all

$template_default['nav_row']['link_before_active']			= '<span class="nav-row-active">';

(Ich würde niemals eine ID basierte Klasse bei einer Navigation anlegen, die kann auf der Seite mehr als einmal vorkommen.)

Knut

[Iller13]

Grazie flip-flop!
Ich habe es nun hinbekommen!

Bye Patrick

[Iller13]

Hi Leuts,
jetzt muss ich noch noch einmal auf das Thema eingehen.
Jetzt habe ich das Problem, das ich in meinem Layout Zwei Navigationen eingebaut habe.
Die eine davon ist über eine eigene "class (nav_unten)" definiert und hat eine Größe von 13 px.
Allerdings nimmt der aktive Link nun die Größe meiner definierten "nav-row-active" von 15 px an.
Diese 15 px benötige ich für die obere Navigation (nav_oben).

Gibt es da eine Möglichkeit das so zu händeln, dass jeder aktive Link seine durch die class definierte Größe behält?

Danke & Grüße
13

[EDIT] Ja die gibt es, einfach im css der "nav-row-active" keine Größe zuweisen!!!
So geht's manchmal, absenden und in diesem Moment kommt der Flash!