WCM Forum - [CSS] problem mit hover bei hyperlinks

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - [CSS] problem mit hover bei hyperlinks (http://www.wcm.at/forum/showthread.php?t=162454)

[CSS] problem mit hover bei hyperlinks

ich hab bei diesem projekt folgendes problem:

die nav-leiste wurde mit css formatiert, nur funktioniert der hover effekt(gelbe schrift, roter hintergrund) nur wenn die seite neu geladen wird. sobald ein link besucht wurde bleibt die schrift beim hover-effekt rot!?!?

irgendwelche tipps was ich falsch mache?

Code:

#nav {

        top: 110px;

        left: 5px;

        position: absolute;

        z-index: 99;



}



#nav a:link {

        display: block;

        width: 100%;

        color: #FF0000;

        text-decoration: none;

}



#nav td:hover {

        background-color: #F00000;

        text-decoration: none;

}



#nav a:hover {

        display: block;

        width: 100%;

        color: #FFFF00;

        background-color: #F00000;

        text-decoration: none;

}



#nav a:visited {

        color: #FF0000;

        text-decoration: none;

}



#nav a:active {

        color: #FF0000;

        text-decoration: none;

}

Versuch eventuell mal diese Reihenfolge:
link
active
visited
hover

Hat bei mir auch mal geholfen, ansonsten müsste man nochmal nachforschen, was da los ist.

Welche(n) Browser verwendest du zur Voransicht?
MS Internet Explorer?

-edit-
Habs auf jeden Fall mit Firefox angesehen und da is das gleiche Problem.

Hab's mir nochmal durchgedacht:
Es ist ganz logisch, dass die links rot bleiben, weil "visited" bedeutet "besucht".
Und dort ist ja "color: FF0000;", sprich rot. :D

@demon
werd ich versuchen

@mendaxx
visited bezieht sich auf die darstellung des links wenn ich nicht mit der maus drüber fahre. sobald ich jedoch mit der maus drüber gehe sollte wieder der hover effekt passieren, das tut er aber nicht ...

ich teste alle meine projekte mit ie, firebird, opera, mozilla und netscape.

Pulse-Seeker, mendaxx hat schon recht mit seinem Hinweis!
Hoover: Maus über dem Link
active: Klick auf den Link
link: Der Link als solches (jungfräulich)
visited: Der Link, wenn schon einmal auf ihn geklickt wurde.
Siehe auch: http://www.w3.org/TR/1998/REC-CSS2-1...ector.html#q15

Dir ist schon klar, dass Du ZWEI CSS-Files hast und in BEIDEN Werte für active, hoover, ... setzt? :mad:
BITTE beachte die Vererbung der Elemente

Code:

http://www.mb-webdesign.at/fehringer/index2.html

...

<div id="nav">

  <table width="120" border="0" cellspacing="3" bordercolor="#FFFF00">

    <tr>

      <td class="textmenu">&raquo; FACHHANDEL</td>

...





divstyle-hallodienstmann.css

...

#nav a:hover {

        display: block;

        width: 100%;

        color: #FFFF00;

        background-color: #F00000;

        text-decoration: none;

}



#nav a:visited {

        color: #FF0000;

        text-decoration: none;

}

...





style-hallodienstmann.css

...

a:visited {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        color: #FF0000;

        font-size: 12px;

        text-decoration: none;

}



a:hover {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        color: #FF0000;

        font-size: 12px;

        text-decoration: underline;

}

...

Visited ist die Bezeichnung für einen Link, der schon aufgerufen wurde.
Es gibt keine Bezeichnung für "nach hover". Wenn du mit der Maus drübergehst, ist hover aktiv, sobald du weggehst kommt wieder der voreingestellte Wert.

Visited ist auch in HTML-Deklarationen der Bezeichner für besuchte Links. Z.B. im Quelltext der ORF-On-Seiten:

Zitat:

VLINK bezeichnet die Farbe eines besuchten Links. Glaub mir - ich hab schon webdesignt :D
Ich hab mir das "visited" nicht aus einem Wörterbuch abgeleitet, es ist mir nur nicht auf Anhieb aufgefallen.

#edit# Danke _m3 ... war bissl zu langsam :D

Ohne mir dein Beispiel genau anzusehen:

Die EINZIG richtige Reihenfolge der Pseudoklassen ist:
link
visited
hover
active
(focus)

Alles andere macht Probleme!
http://de.selfhtml.org/css/eigenscha...udoformate.htm

gruss,
snowman

Und nein, mendaxx hat nicht recht; wenn hover (korrekterweise) nach visited definiert wird, nimmt auch ein besuchter Link wieder den normalen hover-Wert an.

gruss,
snowman

Zitat:

Original geschrieben von snowman
Ohne mir dein Beispiel genau anzusehen:

Die EINZIG richtige Reihenfolge der Pseudoklassen ist:
link
visited
hover
active
(focus)

Alles andere macht Probleme!
http://de.selfhtml.org/css/eigenscha...udoformate.htm

gruss,
snowman

jop, das wars. hatte eine falsche reihefolge der pseudoklassen. in der richtigen reihenfolge funkts ohne probs.

wie sooft liegt der teufel mal wieder im detail...

danke für eure hilfe.