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)
seite1_1.php
style.css
Danke für eure Antworten!
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)
Code:
<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>
Code:
<?php
$seite = basename($_SERVER['PHP_SELF']) ;
?>
Code:
#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;
}