✔ Hover Link funzt nicht nach einem Visit

[Dobermaniac]

http://www.ucd.de/ucd_neu/pages/

ick ahbe die links mit styles definiert, nur leider klappts mit dem hover nicht so recht, alle schon besuchten links, haben zwar die korrekte visit farbe, wechseln aber bei onmouseover nicht zur hoverfarbe, das klappt nur mit noch nicht besuchten links....ist das allgemein so, oder woran kanns liegen ?

thx im vorraus

 

[Quentin]

funktioniert: a:visited:hover - als neue klasse und die entsprechenden definitionen....

frag mich nicht nach kompatibilität

 

[Dobermaniac]

fix fix amigo danke man...werds gleich abchecken...

 

[Dobermaniac]

a:visited:hover {color: #66FF99;font-family:Verdana,Arial,Helvetica,sans-serif;font-style:normal;font-weight:normal;text-decoration:underline;line-height:normal}

funzt leider ned

 

[Dunsti]

hmm .... könnte evtl. an der Reihenfolge im CSS-File liegen. Könnte aber auch daran liegen, daß Du "a:vlink" statt "a:visited" verwendest.....

probiers mal so:

a:link {color:#50A552; font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; line-height:normal; font-size: 12px; text-decoration: underline;}

a:visited {color:#003C34; font-family:Verdana,Arial,Helvetica,sans-serif; font-style:normal; font-weight:normal; text-decoration:underline; line-height:normal;}

a:hover {font-family:Verdana, Arial, Helvetica, sans-serif; font-style:normal; font-weight:normal; color:#66FF99; font-size: 12px; text-decoration: none;}

geht's so ?

[edit]
ach ja, hab grad gesehen, daß Du weiter unten nochmal a:visited drin hast ... nimm mal außer den oben genannten alle anderen a:irgendwas raus !!!
[/edit]

Gruß
Dunsti

 

[Thimo Grauerholz]

willst du einen extra visited hover haben, dann so:

a.visited:hover {color: #66FF99;font-family:Verdana,Arial,Helvetica,sans-serif;font-style:normal;font-weight:normal;text-decoration:underline;line-height:normal}


d.h. kannst du nun einen link, den visited style zugeben von oben da

und sonst wie dunsti's sagt außer der reihenfolge *G*. die reihenfolge ist egal. denk ich mal

 

[Dobermaniac]

a:link{color: #50A552;font-family:Verdana, Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;line-height:normal; font-size: 12px; text-decoration: underline}

a:visited {color: #50A552;font-family:Verdana,Arial,Helvetica,sans-serif;font-style:normal;font-weight:normal;text-decoration:underline;line-height:normal}

a:hover{font-family:Verdana, Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;color: #66FF99; font-size: 12px; text-decoration: none}

a:visited:hover {color: #66FF99;font-family:Verdana,Arial,Helvetica,sans-serif;font-style:normal;font-weight:normal;text-decoration:underline;line-height:normal}

ick hoffe nicht langweilig zu werden, aber funzen tuts imma noch nicht, hab sowohl mit, als wie auch ohne

a:visited:hover

probiert, funzt aber leider ned. noch einer ne idee ???

 

[Dunsti]

hmm .... sorry, aber leider keine Idee mehr .... bei mir funktioniert das ohne Probleme.

Hier mal mein CSS-Code:

a:link { color : #FF0000; text-decoration : underline; }
a:visited { color : #FF0000; text-decoration : underline; }
a:hover { color : #999999; text-decoration : none; }
a:active { color : #000000; text-decoration : underline; }

sieht eigentlich aus, wie Deiner, aber funzt ..... aber keine Ahnung, warum Dein Code net geht .... meiner Meinung nach sollte er gehen.

Gruß
Dunsti

 

[Dobermaniac]

hmmm ka woran liegts...vielleicht wars ja mein frameset.....naja habs auf jeden fall mit folgenden code hinbekommen...und nochmal danke für die hilfe

a:link {
 font-family: Verdana, Helvetica;
 font-size: 10pt;
 font-weight: none;
 color: #50A552;
 text-decoration: underline;
}
a:visited {
 font-family: Verdana, Helvetica;
 font-size: 10pt;
 font-weight: none;
 color: #50A552;
 text-decoration: underline;
}
A:link {
text-decoration: underline
}
A:hover {
font-family: Verdana, Helvetica;
font-size: 10pt;
color: #66FF99;
text-decoration: underline;
}

 

[Kimble]

jo


des war bei mir genauso! bei mir hat des so geklappt:
als ganz normale css:
<style type="text/css">
<!--
body { margin:1cm;}
A:link { color: #333366; text-decoration: none; }
A:hover { color: #996666; text-decoration: none; }
A:active { color: #996666; text-decoration: none; }
A:visited { text-decoration: none; }
</style>
dann im body bereich:
<body bgcolor="#000000" text="#996666" vlink="#333366">
so hat's bei mir geklappt, auch wenn's vielleicht nich so ganz richtig is.
hoffe geholfen zu haben!