Aktiver NaviLink hervorheben?!

[TerraX]

Halllo,
ich will bei meiner Navi haben das der Teil der Navi farblich hervorgehoben ist auf der ich gerade bin. Habe ca 1000 Lösungen probiert und nichts hat funktioniert :-(:(:-(:sad:

 <ul id="mainNavi">
    <li><a href="index.html">Startseite</a></li>
    <li><a href="links.html">links</a></li>
    <li><a href="html.html">html</a></li>
    <li><a href="download.html">download</a></li>
 </ul>

ul#mainNavi {
    width:41.2%;
    float:left;
    padding:15px 5px 0 5px;
    margin:0;
    list-style:none;
    border-width:0 0 5px 0;
    border-style:solid;
    border-color:#6EB327;
    background-color:#325FCC; 
}


ul#mainNavi li {
    float:left;
    margin:0;
    padding:0;
    color:#020F34;
    font:bold 81.25%/2 Arial, Verdana, sana-serif;
}

ul#mainNavi a {
    display:block;
    margin:0 2px 0 0;
    padding:0 15px;
    color:#FFF;
    text-decoration:none;
    background:#0000ff;

}

ul#mainNavi a:hover {
    background:#6EB327;
    padding:0 15px;
}

ul#mainNavi a:active {
    background:#ff0000;
    padding:0 15px;
}

 

[threadi]

Unter den 1000 Lösungen war wohl nicht die, dass Du dem Link zur aktuellen Seite einfach eine Klasse gibst, die einen anderen Style bewirkt? ;)

 

[TerraX]

So?

<ul id="mainNavi">
    <li><a class="current" href="marian.html">Startseite</a></li>
    <li><a href="links.html">links</a></li>
    <li><a href="html.html">html</a></li>
    <li><a href="download.html">download</a></li>
 </ul>

.current {
     background:#ff0000;
    padding:0 15px;
}

 

[Cheffchen]

Hallo,

genau so.

Cheffchen

 

[TerraX]

Das Funktioniert leider nicht :(

 

[Cheffchen]

Hallo,

was soll da nicht funktionieren hast doch oben genau den code gezeigt wie man/frau das macht.

sag mal stand hier nicht schon ein beitrag? der ging wohl beim update unter :O)

Cheffchen

 

[threadi]

Wenn das nicht funktioniert, dann machst Du irgendwas falsch. Was Du falsch machst kann man ohne Link zur Seite nicht mal erahnen.

 

[Mbc239]

hä könnt ihr nicht einfach mal des richtig machen bitte

 

[djheke]

Oder hier noch zwei Möglichkeiten.
CSS Lösung (etwas aufwändig)
http://www.gipspferd.de/css/anleitung/a6/a6_2.php
PHP Lösung
http://www.gipspferd.de/css/anleitung/a4/a4.php

 

[threadi]

hä könnt ihr nicht einfach mal des richtig machen bitte

Wenn wir wüssten was Du an dem für uns bisher nicht zu sehenden restlichen Code der Seite falsch gemacht hast, klar. ;)