a active funktioniert irgendwie nicht :S hilfe pls

thuglife

Mitglied
hallo erstmal

Ich habe eine Homepage erstellt, die css beinhaltet.


der css code:

<style>

.navLeftLevel1 {display:block;color:#000000;width:175px;margin-bottom:1px}
.navLeftLevel2 {display:block;color:#000000;width:175px}
.navLeftLevel3 {display:block;color:#000000;width:175px}


.aNavLeftLevel1 {display:block;line-height:24px;padding-left:4px;background-color:#FFFFFF}
.aNavLeftLevel2 {display:block;line-height:20px;padding-left:16px;background-color:#FFFFFF}
.aNavLeftLevel3 {display:block;line-height:20px;padding-left:28px;background-color:#333333}

.aNavLeftLevel1:hover {background-color:#d21414}
.aNavLeftLevel2:hover {background-color:#d00000}
.aNavLeftLevel3:hover {background-color:#d21414}

.aNavLeftLevel1:active {background-color:#d21414}
.aNavLeftLevel2:active {background-color:#d00000}
.aNavLeftLevel3:active {background-color:#d21414}

</style>



und das hier der Link:

<div class="navLeftLevel2">
<a class="aNavLeftLevel2" href="aboutme.php" target="main">- about me</a>
</div>


Ich will, dass der Link mit dem ich die neue Seite betreten habe, einen HintergrundFarbton hat. bei mir ist der nur Weiß.


Danke im Vorraus. wenn nötig dann kann ich auch die Files uploaden
 
Hi,

die :active-Pseudoklasse greift nur bei gedrückter Maustaste, und verliert ihre Gültigkeit, sobald die Maustaste wieder losgelassen wird.

Da dem HTML-Codesnippet und dem darin enthaltenden target-Attribut zufolge, die Verweisziele in einem Frame oder iFrame namens "main" geladen werden, wäre hier Javascript erforderlich, um den jeweiligen Link in der Navigation als aktiven auszuzeichnen.

Javascript:
function aktivieren(strHref)
{
    if(document.getElementById)
        {
            for(i=0;i<document.links.length;++i)
                {
                    if(String(document.links[i].className).match(/^(nav|clicked)$/))
                        {
                            document.links[i].className=(document.links[i].href==strHref)?'clicked':'nav';
                        }
                }
        }
}
CSS:
a.nav, a.clicked {
color: #b9b9b9;
}

a.nav:hover, a.clicked {
color: #0090E0;
}
HTML:
<a class="nav" href="aboutme.php" onclick="aktivieren(this.href)" target="main">- about me</a>


mfg Maik
 

Neue Beiträge

Zurück