Navigation: aktuelle Seite hervorheben

[ülker]

Hallo zusammen,

ich bin mir nicht sicher, ob das Thema hierhin gehört - bitte um Nachsicht (bin Anfänger).
Ich arbeite mit dem Modul "Navigation Universell". Es gibt eine Hauptnavigation und eine Subnavigation. Das habe ich (mit viel Hilfe und Leserei) auch endlich hinbekommen.
Der Haken: Ich möchte, dass die jeweils aktiven Seiten (in Haupt- und Subnavi) ebenso ausehen, wie beim Rollover-Effekt.
Die Frage: ist das ein reines html & css Problem oder muss ich auch in den php-Scripten etwas einfügen?
(... sofern dass nur per html und css zu lösen ist, bin ich wohl falsch hier ....dann bitte löschen)

[idea-tec]

das ist ein reines css-thema

[ülker]

Danke für die Antwort!
Wenigstens weiss ich nun, wo ich suchen muss
In irgendeinem Forum habe ich gelesen, dass diese Funktion über php gesteuert werden kann. Ich habe vermutet, dass ich in den Navi-Scripten eine zusätzliche class definieren muss oder so .... bin wirklich totaler Anfänger.
(Den Beitrag dann bitte löschen ...)
Merci!
Ülker

[BagHira]

Servus Ülker,

ich hab das mal "so" bei ein Seite gelösst...

Modul:

Code: Alles auswählen

<?php
cInclude('frontend', 'includes/atelierq.navigation.class.inc.php');

$cApiClient = new cApiClient($client);
$aQnavigation = new aQnavigation($cApiClient->getProperty('navigation', 'idcat_mainnavigation'));

$aQnavigation->between(0, '');
$aQnavigation->maskNormal(0, '<li><a href="{link}"><span>{name1}</span></a></li>');
$aQnavigation->maskNormalSub(0, '<li><a href="{link}"><span>{name1}</span></a></li>');
$aQnavigation->maskSelected(0, '<li><a href="{link}" class="currentTab"><span>{name1}</span></a></li>');
$aQnavigation->maskSelectedSub(0, '<li><a href="{link}"><span>{name1}</span></a></li>');

echo $aQnavigation->showNavigation(0); 
?>

CSS

Code: Alles auswählen

/*---------------------------------------------*/ 
/*                Top-Navigation               */ 
/*---------------------------------------------*/ 

#top_nav {
	float:left;
	width:900px;
	position:absolute;
	top:136px;
	left:-49px;
	font-size:93%;
 	line-height:normal;
}
#top_nav ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
}
#top_nav li {
	display:inline;
	margin:0;
	padding:0;
}
#top_nav a {
	float:left;
	background:url("../images/tableft11.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#top_nav a span {
	float:left;
	display:block;
	background:url("../images/tabright11.gif") no-repeat right top;
 	padding:5px 15px 4px 6px;
	color:#9F9584;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top_nav a span {float:none;}
/* End IE5-Mac hack */
#top_nav a:hover span,
#top_nav a.currentTab span{
	color:#FFF;
}
#top_nav a:hover,
#top_nav a.currentTab {
	background-position:0% -42px;
}
#top_nav a:hover span,
#top_nav a.currentTab span {
	background-position:100% -42px;
}

Vielleicht hilfts?

[ülker]

So geil!
... und schwupps ist das Problem gelöst. DANKE!