Aktuelle Seite In Menu Mit Css Markieren, ... gab hier irgendwo mal einen Thread Wertung Einstellungen

[Andreas]

Hi,

ich suche schon geraume Zeit, kann mich aber nicht mehr erinnern, in welchem Zusammenhang die Lösung hier auftauchte.

Ich möchte in einem Navigationsmenu (welches ich mit Includes eingebunden habe) den gerade aktiven Menupunkt per CSS optisch hervorheben. Mit PHP an sich kein Problem, wird aber vom entsprechenden WebSpace nicht unterstützt. Das Problem hatten wir hier schon mal und es gab eine verblüffende Lösung in CSS.

Ich werd' verrückt, aber ich finde den Thread nicht mehr. Hat da vielleicht zufällig jemand ein Bookmark drauf? Mir reicht echt der Link und dann mach' ich den Thread hier auch wieder weg

Grüße

Andreas

[Andreas]

Perfekt! Der war's :-) Vielen Dank!

[Andreas]

Lang ist's her ... aber jetzt brauchte ich es mal wieder Und weil das per Hand ein wenig zu aufwändig ist, habe ich das hier gebastelt:

HTML

<? $url = array("index"=>"Home", "anfahrt"=>"Anfahrt", "kontakt"=>"Kontakt", "impressum"=>"Impressum");
?>
<div id="menu">
<ul id="menuliste">
<? while(list($key, $val) = each($url)){
echo '<li><a href="'.$key.'.php"';
if (strstr(basename($_SERVER['PHP_SELF']),$key)){
echo ' id="current"';
}
echo '>'.$val.'</a></li>'."\n";
}
?>
</ul>
</div>
</div>

Nun kann man nach Herzenslust das Menu per CSS formatieren und hat mit id="current" etwas, mit dem man die aktuelle Seite gesondert markieren kann. Wahrscheinlich haben sich das zig andere auch schon ausgedacht, aber es stand hier noch nicht *g*

Gruß

Andreas - heute mal im Büro ...

[HPVD]

Hallo

der thread ist zwar schon älter aber vielleicht kann mir trotzdem jemand helfen.

Finde diese Idee genial!

Leider hakt's bei mir noch irgendwo und ich finds einfach nicht....

Die reine Automatisierung der Linkherstellung aus dem array läuft perfekt.

Die so produzierten links sehen genau aus wie meine manuellen

HTML

<div id="navigation">
<h2> Navigation </h2>
<ul>
<li><a href="http://www.x.de/index.php">Hauptseite</a></li>
</ul>

und verhalten sich auch so!
die(vereinfachten) css-angaben dazu sehen so aus:

HTML

div#navigation {
float: left;
width: 12em;
}

div#navigation ul {
list-style: none;
}

div#navigation li {
color: #039;
}

div#navigation li a:link{
color: black;
}

div#navigation li a:visited{
color: #039;
}

div#navigation li a:hover{
color: black;
}

div#navigation li a:active{
color: black;
}

div#navigation h2 {
color: #039;
}

Wenn der Link gleich der Seitenangabe ist wirft das script doch dies raus:

HTML

<li><a href="http://www.x.de/index.php" id="current">Hauptseite</a></li>

ist das richtig?

mit welchem css eintrag kann ich das dann manipulieren? z.B. die Frabe auf rot stellen?


Vielen Dank für Eure Hilfe!!!

Gruß HPVD