Antworten zum Thema „Ober- und Untermenüpunkt gleichzeitig aktiv“

[noltehans]

Hi,

ich binde per include eine Navigation mit Untermenü ein.

Den aktuellen Menüpunkt zu highlighten funktioniert.

Jetzt möchte ich aber, dass die Links im Ober-und Untermenü, bei Besuch einer "Unterseite", gleichzeitig aktiv sind.

Wie bekomme ich den Link "Seite 1" auch aktiv?

navigation.php
(hier müsste ich irgendwie zwei Seiten angeben können - seite1.php+seite1_1.php)

<ul id="navigation">
<li><a <?php if ($seite ==  "index.php") {echo "class='aktuell'"; } ; ?> href="index.php">Startseite</a></li>
<li><a <?php if  ($seite == "seite1.php") {echo "class='aktuell'"; } ; ?>   href="seite1.php">Seite 1</a>
<ul>
<li><a <?php if  ($seite == "seite1_1.php") {echo "class='aktiv'"; } ; ?>   href="seite1_1.php">Seite 1_1</a></li>
<li><a <?php if  ($seite == "seite1_2.php") {echo "class='aktuell'"; } ; ?>   href="seite1_2.php">Seite 1_2</a></li>
</ul>
</li>
<li><a <?php if ($seite == "seite2.php") {echo  "class='aktuell'"; } ; ?>  href="seite2.php">Seite  2</a></li>
</ul>

seite1_1.php

<?php
$seite = basename($_SERVER['PHP_SELF']) ;
?>

style.css

#navigation{
width: 150px;
height: 200px;
border: 1px solid black;
background-color: #E2E2E2;
font-size: 1.2em;
text-decoration: none;
}
#navigation li{
line-height: 30px;
list-style-type: none;
}
#navigation a{
text-decoration: none;
color: #000000;
}
#navigation a:hover{
text-decoration: underline;
color: silver;
}
#navigation a.aktuell{
color: red;
}
#navigation li ul li a
{
    color:#666;
    margin-left:-10px;
}
#navigation li ul li a.aktiv
{
    color: #0099FF;
}

Danke für eure Antworten!

 

[Isometric]

AW: Ober- und Untermenüpunkt gleichzeitig aktiv

Setze mal in der Zeile von "seite1.php" ein "OR" ein:

<li><a <?php if  ($seite == "seite1.php" OR $seite == "seite1_1.php") {echo "class='aktuell'"; } ; ?>   href="seite1.php">Seite 1</a>

 

[noltehans]

AW: Ober- und Untermenüpunkt gleichzeitig aktiv

FANTASTISTISCH!!!

Funktioniert einwandfrei.


Hab vielen Dank Isometric