CSS vs. JScript ???
Dietmar
- design/layout
Hallo,
Ich verwende nachstehendes um einen Link ohne Rahmen darzustellen, aber leider scheint damit das a:active nicht mehr zu funktioneren. die ersten Drei funktionieren problemlos, aber der letzte nicht mehr...
Weiss jemand Abhilfe?
Besten Dank, Dietmar
<style type="text/css">
a:link { color:#808000; font-weight:bold }
a:visited { color:#808000; font-weight:bold }
a:hover {color:red; text-decoration:none }
a:active { color:#FF0000; font-style:italic; font-weight:bold }
</style>
</head>
<body>
<a href="#" onFocus="if(this.blur)this.blur()">Test Link</a>
Hallo, Dietmar!
erstmal würde ich auch am Ende deiner Style-Sheet Angaben einen Strichpunkt (;) setzen, vorsichtshalber. Vielleicht ist es ja das - siehe: http://www.teamone.de/selfhtml/sfausles/tsfa_tba.htm#a12
Und zu deinem "Pünktchenrahmenproblem" habe ich in der Forumsauslese folgendes gefunden: http://www.teamone.de/selfhtml/sfausles/tsfa_tci.htm#a7
Vielleicht kann ja eine Kombination aus beidem Abhilfe schaffen.
File Griese,
Stonie
Sers Stonie,
Nein, das ist nicht das Problem. Jedes fuer sich funktioniert einwandfrei, nur zusammen nicht. Zumindest der a:active scheint nicht mehr zu greifen.
Pfiat Di, D.
Haaai, Dietmar!
Ich weiss garnicht, was du hast; ich hab's mal abgetestet und das hier fungiert:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
a:link { color:#808000; font-weight:bold; }
a:visited { color:#808000; font-weight:bold; }
a:hover {color:red; text-decoration:none; }
a:active { color:#FF0000; font-style:italic; font-weight:bold; }
</style>
<script language="JavaScript">
<!-- function linie(x)
{
if (document.all) x.blur();
} //-->
</script>
</head>
<body>
Dieses ist ein Link: <a href="#" onclick="linie(this);">Test Link</a>
</body>
</html>
Im IE, jedenfalls, wo dein Beispiel nicht geht. In Opera geht beides, in Netscape 4.7 wechselt er nur die Farbe beim Anklicken, aber kursiv und fett ist nicht.
HTH
Stonie
Hallo
<style type="text/css">
a:link { color:#808000; font-weight:bold }
a:visited { color:#808000; font-weight:bold }
a:hover {color:red; text-decoration:none }
a:active { color:#FF0000; font-style:italic; font-weight:bold }
</style>
du hast die falsche reihenfolge:
http://www.teamone.de/selfhtml/sfausles/tsfa_tba.htm#a11
grüße
thomas
Hallo
du hast die falsche reihenfolge:
Das stimmt nicht!
dein problem hängt mit onFocus="if(this.blur)this.blur() zusammen. ohne dem geht der CSS.
Grüße
Thomas