[HTML/CSS] Background bei Hover

[Cosmoflamme]

Sodele,ich habe mein Menü nochmal überarbeitet,und es sieht jetzt so aus:

<a href="#" id="menue1" class="menue"><span></span></a>
<a href="#" id="menue2" class="menue"><span></span></a>
...

Bei Hover wird dann eine Grafik eingeblendet

a.menue:hover {background-image:url(/design/hover.jpg);}

Der Rest vom Stylesheet wäre dann:
Positionierung

#menue1 {position:absolute; ...}

Ausblenden der Linkbeschreibung

a.menue span {display: none;}

Einblenden bei Hover

a.menue:hover span {}

Positionierung der Linkbeschreibung

a#menue1:hover span {position:absolute;...}

Jetzt hätte ich noch gerne,dass bei einem besuchtem Link eine andere Hover-Grafik angezeigt wird.
So nach der Art a:visited {},das aber nur für das Menü gelten soll.

Bei allen meinen Versuchen wurde entweder gar nichts,oder alle Menüpunkte als besucht angezeigt.

Vielen Dank schonmal für eure Hilfe

 

[tleilax]

Angenommen, das Menü steckt in 'nem Container mit der Id "navigation", dann kannste Folgendes nehmen:

#navigation a:visited {
  /* magic stuff */
}

Alternativ ginge wohl auch:

a.menue:visited {
  /* magic stuff */
}

 

[Cosmoflamme]

Hallo tleilax!
So geht es zwar,aber dann werden alle einzelne Menülinks als bereits besucht angezeigt.
Ich wollte aber jeden einzelnen Link ansprechen,und bei Hover
a)wenn er noch nicht besucht worden ist ->Bild1
b)wenn er bereits besucht worden ist -> Bild 2

Müsste irgentwie doch möglich sein,das mit der id="menue[zahl]" zu machen.

 

[tleilax]

Achso, teste mal:

a#menue1:visited {
  /* */
}

 

[Cosmoflamme]

Das funktioniert leider nicht.Es werden alle Links als besucht angezeigt,selbst wenn nur einer davon wirklich geklickt worden ist.
Und es soll ja auch nur bei Hover ein anderes Bild angezeigt werden.

Das Bild beim normalen Hovern wird schon durch class="menue" bei allen Links eingeblendet.

 

[Detect0r]

Hast du mal ein Link bzw kannst du uns das ganze mal zeigen?

.menue:visited sollte es doch eigentlich tun
notfalls noch .menue:link um unbesuchten die richtige Farbe zu geben

 

[Dreamworker]

so, ich helfe mal aus - düfte alles selbsterklärend sein

https://www.klammlinks.de/files/menu-hover-visited/

viel spaß

 

[kbot]

so, ich helfe mal aus - düfte alles selbsterklärend sein

https://www.klammlinks.de/files/menu-hover-visited/

viel spaß

moin,
auf der Seite gibts ja gar keinen normalen Hover, jedenfalls nicht, wenn ichs mit IE6 anschaue.
Wenn ich mit der Maus über ein beliebiges Feld gehen, dann bekomm ich VH, also ein "besuchter Link mit Hover"


MfG kbot

 

[Dreamworker]

das visited:hover muss wohl vor das normale hover gesetzt werden?!
weiß nicht genau, hab keinen ie 6 da wo ich das mal testen könnte.

immer dieser ie ... css2 lusche ^^

 

[Cosmoflamme]

Vielen Dank für eure Antworten.
Die Testseite:https://www.cosmoflamme.de/test.html

Die Anleitung verwendet für besuchte Links

li a:visited:hover {}

Wenn ich eine Stylesheet-Definition angebe

#menue1 a:visited:hover {}
#menue2 a:visited:hover {}
....

...passiert ausser dem normalen Hover gar nichts.
Im Grunde kann ich es auch so lassen wie es ist.
Meine Idee war halt,dass durch eine dunklere Hovergrafik der Surfer besser erkennen kann,wo er schon war.
Wenn das ohne viel Workarraound für den IEnicht möglich ist,gehts auch ohne.
Grüssle
Cosmoflamme

 

[Dreamworker]

du musst doch nur für jeden menühintergrund einfach auch eine visited varinate zu machen. diese wird dann angezeigt wenn der benutzer da schon mal war

mit häkchen oder was weiß ich.

und das bei dir nichts pasiert liegt an deiner ganzen id und class vergeberei. *g*
da überschreibt eins das andere.

du siehst ja das es in meiner variante klappt
vielleicht muss nur die eine css zeile verschoben werden damit der ie6 das korrekte hover auch anzeigt weil der ja kein css2 kann. müsste nur einer mal testen.