CSS Current Page

Hallo,

ich würde gerne das die momentane Seite in der Navigation hervorgehoben wird mit dem Bild _hover.

Der aktuelle Codeschnibsel:

#hhome {
display: block; /* ‚convert‘ to */
margin-bottom: 0px;
background-position: center top;
background-repeat: no-repeat;
width: 72px;
height: 34px;
background-image: url(‚Bilder/layout_02.jpg‘);
}
#hhome:hover {
background-image: url(‚Bilder/layout_hover_02.jpg‘);
}

Und:

Hallo,
was ist denn deine Frage ?
Den Codeschnipsel (unverändert) in eine html-seite eingebettet läuft auf IE und Firefox.
Alles fein, oder ?

Frdl.Grüße

Es läuft alles, da ich aber nicht so bewandert in diesen Sachen sind, weiss ich nicht wie ich es bewerkstelligen kann das wenn die Aktuelle Seite (z.b. index.php?site=staticstaticID=1) nicht das Bild Bilder/layout_02.jpg geladen wird sonder der hovereffekt bestehen bleibt.

Okay, soweit ich das verstanden habe, möchtest du das Verhalten des Links anpassen.

Versuchs mal mit :

Dann bleibt auf der aufrufenden Seite das Verhalten des Links (Hoverei mit Image) erhalten, die „index.php“ wird von dort in einem neuen Fenster aufgerufen.

Falls das noch nicht deine Erwartungen trifft, bitte mal kurz schildern, welche Seite was aufruft. Und am Besten noch, welcher Effekt da eintritt, wenn es zum „Fehler“ kommt. Ansonsten stochere ich in Vermutungen rum …

Hallo,

Dein Problem ist, dass Du nur zwei Bilder hast, die wechseln, wenn man mit der Maus drüber fährt. Mouse in und Mouse out.

Der Effekt den Du gerne möchtest, erfordert aber auch eine Aktion bei „aktiven“ Link, d.h. wenn also jemand auf den Button geklickt hat und die entsprechende Seite aufgerufen wurde.

Das ist am einfachsten mit einem CSS zu lösen, wo Du entsprechend

a:link
a:visited
a:hover
a:active

definierst.

Ich habe es schonmal mit active probiert, leider hat das nicht funktioniert.

Hast Du zufällig ein Beispiel ?

Das ist ja nicht der Sinn der Sache, es soll ja keine neue Seite als popup geöffnet werden. Es soll nur der Hovereffekt bestehen bleiben wenn z.b. home gedrückt wird.

Hallo
Ich wüsste nicht, wie du das mit „nur“ CSS hinkriegst.
Im Normalfall würde ich einfach per PHP den entsprechenden CSS-Style/ die CSS-Klasse setzen, in etwa so :

if ($staticstaticID == „1“) {
echo ’ class=„MenuSet“’ } else {class=„MenuNotSet“’}
href="/index.php?site=staticstaticID=1" id=„hhome“>

Allerdings müsste dazu natürlich auf deinem Server PHP laufen.

Btw - dein Link bräuchte einen Text oder ein Bild

Hallo SflinteOa,

du hast eigentlich alles richtig gemacht.

Ich würde allerdings deine beiden CSS-IDs so schreiben:

a#hhome {…}, wegen dem Link

Aber naja, funktionieren tuts ja…?!

Hallo,

habe es kurz getestet mit:

#hhome {
display: block;
margin-bottom: 0px;
background-position: center top;
background-repeat: no-repeat;
width: 72px;
height: 34px;
background-image: url(‚bild1.jpg‘);
}
#hhome:hover {
background-image: url(‚bild2.jpg‘);
}

und es geht schon so. Was geht bei dir nicht?

Grüße
Tom

Hi SflinteOa,

dein Link hat keinen Text, den es anzeigen lassen kann.

Mein Text über den ich Hovern kann

Dann sollte es auch klappen mit dem gewechselten Hintergrundbild.

Greets,
Markus