Ich habe eine mini navigation erstellt.

<p>
<a href="index.php" class="navi_links" id="nav_index">HOME</a><br>
<a href="philosofie.php" class="navi_links" id="nav_philosophie" >ÜBER UNS</a><br>
<a href="leistungen.php" class="navi_links" id="nav_leistungen" >LEISTUNGEN</a><br>
<a href="kontakt.php" class="navi_links" id="nav_kontakt" > KONTAKT</a>
</p>

CSS

.navi_links {
Font-Family: Arial, Helvetica, sans-serif;
Font-Size: 12px;
line-height: 2.0em;
letter-spacing: 0.2em;
white-space: normal;
left: 20px;
}


a.navi_links:link { color : #FFFFFF; text-decoration: none; }
a.navi_links:visited {color : #FFFFFF; text-decoration: none;}
a.navi_links:hover {color: #444403; text-decoration: none; }
a.navi_links:active {color: #444403; text-decoration: none; }


FRAGE:
Wie mache ich damit, zB. bei Ancklicken auf LEISTUNG, der Text in der Navi "LEISTUNGEN" die Farbe "#444403" markiert bleibt?


Kann man es in CSS Lösen?

Am besten definierst du eine Klasse für den geklickten Zustand, also sowas wie:

<p>
<a href="index.php" class="navi_links aktiv" id="nav_index">HOME</a><br>
....

dann CSS:

a.aktiv {color: #444403;}

ja, aber ich lade die Navigation per require_once

Ich denke dann passt nicht ganz die Lösung, oder?

Doch, hat ja damit nichts zu tun.

Du musst dann "nur noch" das "aktiv" in den class-aufruf schreiben, in Abhängigkeit von dem jew. geklickten Link.

Wie sieht denn die require_once-Datei aus?

die require_once

html

<p>
<a href="index.php" class="navi_links" id="nav_index">HOME</a><br>
<a href="philosofie.php" class="navi_links" id="nav_philosophie" >ÜBER UNS</a><br>
<a href="leistungen.php" class="navi_links" id="nav_leistungen" >LEISTUNGEN</a><br>
<a href="kontakt.php" class="navi_links" id="nav_kontakt" > KONTAKT</a>
</p>

Gibt es denn irgendeine PHP-Variable, die z.B. was über den einzufügenden Content aussagt? Damit könnte man dann in class="navi_links" das "aktiv" einfügen. Also beispielsweise so:

<a href="index.php" class="navi_links<?php if($meineVar=="home") echo " aktiv" ; ?>" id="nav_index">HOME</a><br>
<a href="philosofie.php" class="navi_links<?php if($meineVar=="philosofie") echo " aktiv" ; ?>" id="nav_index">ÜBER UNS</a><br>
usw...

Die p-Markierung ist nicht korrekt und die br-Markierungen haben dort nichts zu suchen.

Das ist eine ungeordnete Liste (ul) mit einzelnen listeneinträgen (li).

Stimmt, vielen dank, dann hier noch einmal

<ul id="naviA">
<li><a href="index.php" class="navi_links">HOME</a></li>
<li><a href="philosofie.php" class="navi_links">ÜBER UNS</a></li>
<li><a href="leistungen.php" class="navi_links">LEISTUNGEN</a></li>
<li><a href="kontakt.php" class="navi_links"> KONTAKT</a></li>
</ul>

die CSS passe ich dann gleich an.

Also, ich lasse es lieber.

Es ist ienfach zu kompliziertt für mich.


Einen ganzes Vormittags nur für eine mini Navigation.



danke schön trotzdem.