nicht angemeldet
MouseOver für TEXT-Links ?..
Wer kann mir bei folgendem Problem weiterhelfen ?:
Ich habe in einem Navigations-Frame mit Hintergrund-Farbe eine blinde Tabelle angelegt.
Die einzelnen Tabellen-Zellen haben wiederum eine (andere) Farbe.
Per StyleSheet habe ich erreicht, dass die in den Zellen enthaltenen
TEXT-LINKS(!) per "A:hover" die Farbe des Frame-Hintergrunds annehmen.
Leider funktioniert der Farbwechsel wegen des "A:visited"-Automatismus' nach Anklicken der Links nicht mehr.
Kann man "A:visited" irgendwie ganz ausser Kraft setzen?
Oder alternativ: Gibt es ein JavaScript, das den Farbwechsel von TEXT-LINKS onMouseOver ermöglicht und trotzdem StyleSheet-Formatierungen ("text-decoration: none") zulässt?
Wem diese Erläuterung zu abstrakt ist, hier der Quelltext zu meinem Problem:
=====================================================================
<html>
<head>
<title>frame_li</title>
<style type="text/css">
A:link { color: #000099; font-weight: normal; text-decoration: none }
A:hover { color: #CCCCFF; font-weight: normal; text-decoration: none }
A:active { color: #FF0000; font-weight: normal; text-decoration: none }
A:visited { color: #000099; font-weight: normal; text-decoration: none }
</style>
</head>
<body bgcolor="#CCCCFF">
<table width="100%" border="0" border="no">
<tr bgcolor="#9999FF">
<td>
<font face="Arial,Helvetica,SansSerif" size="4pt" color="#000099">
<a href="internes.htm" target="detail">
Wir über uns
</a>
</font>
</td>
</tr>
<tr bgcolor="#9999FF">
<td>
<font face="Arial,Helvetica,SansSerif" size="4pt" color="#000099">
<a href="aktuell.htm" target="detail">
Aktuelles</a>
</font>
</td>
</tr>
<tr bgcolor="#9999FF">
<td>
<font face="Arial,Helvetica,SansSerif" size="4pt" color="#000099">
<a href="termine.htm" target="detail">
Termine</a>
</font>
</td>
</tr>
<tr bgcolor="#9999FF">
<td>
<font face="Arial,Helvetica,SansSerif" size="4pt" color="#000099">
<a href="archiv.htm" target="detail">
Bildarchiv</a>
</font>
</td>
</tr>
<tr bgcolor="#9999FF">
<td>
<font face="Arial,Helvetica,SansSerif" size="4pt" color="#000099">
<a href="kontakt.htm" target="detail">
Kontakt</a>
</font>
</td>
</tr>
<tr bgcolor="#9999FF">
<td>
<font face="Arial,Helvetica,SansSerif" size="4pt" color="#000099">
<a href="projekte.htm" target="detail">
Projekte</a>
</font>
</td>
</tr>
<tr bgcolor="#9999FF">
<td>
<font face="Arial,Helvetica,SansSerif" size="4pt" color="#000099">
<a href="gaeste" target="detail">
Gästebuch</a>
</font>
</td>
</tr>
<tr bgcolor="#CCCCFF">
<td>
</td>
</tr>
<tr bgcolor="#9999FF">
<td>
<font face="Arial,Helvetica,SansSerif" size="4pt" color="#000099">
<a href="index.htm" target="_top">
Zur Hauptseite...</font>
</a>
</td>
</tr>
</table>
</body>
</html>
-
Hi,
Leider funktioniert der Farbwechsel wegen des "A:visited"-Automatismus' nach Anklicken der Links nicht mehr.
kein Wunder, Du hast a:visited schließlich nach a:hover notiert. Die Reihenfolge wird eingehalten.
Kann man "A:visited" irgendwie ganz ausser Kraft setzen?
Klar: Nicht dazu schreiben.
Oder alternativ: Gibt es ein JavaScript, das den Farbwechsel von TEXT-LINKS onMouseOver ermöglicht und trotzdem StyleSheet-Formatierungen ("text-decoration: none") zulässt?
Das wäre dann DHTML, es erfordert - wie immer - dreifache Programmierung.
Wem diese Erläuterung zu abstrakt ist, hier der Quelltext zu meinem Problem:
Bitte reduziere das in Zukunft auf _ausschließlich_ die relevanten Teile.
Cheatah
-
Hi,
TEXT-LINKS(!) per "A:hover" die Farbe des Frame-Hintergrunds annehmen.
Leider funktioniert der Farbwechsel wegen des "A:visited"-Automatismus' nach Anklicken der Links nicht mehr.
Cheatah hat's dir schon gesagt, hier nochmal der entsprechende Link:
http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
LG Orlando