[GastForen Programmierung/Entwicklung JavaScript

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste

Farbwechsel bei Hyperlinks

Markus Walker
Beiträge gesamt: 494

10. Mai 2006, 08:03
Bewertung:

gelesen: 2813

Beitrag als Lesezeichen
Hallo ruebe,

Ich habs nicht bis zum bitteren Ende analysiert, ich tippe aber ein Problem der Spezifität zwischen den Deklarationen des Browser-Style-Sheet und deinem Style-Sheet. Deswegen müsste die Farbe der Links über spezifischere Definitionen gesteuert werden.

Beispiel anhand von statischen Definitionen:
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>CSS specifity</title>
<style><!--
#link4 { color: orange }
.fancylinks:link { text-decoration: none; background-color: purple }
.fancylinks:visited { text-decoration: none; background-color: teal }
.fancylinks:active { text-decoration: none; background-color: yellow }
.fancylinks:hover { background-color: silver }
--></style>
</head>

<body bgcolor="#ffffff"><div style="color : #0F0">
<a href=#>link 1 in Darstellung des Browsers</a><br>
<a href=# style="color : #F00">link 2 übernimmt die Farbe vom Element-Style</a><br>
<a href=# style="display : block">link 3, wie link 1 in Darstellung des Browsers</a><br>
<p style="display : block">text 1 übernimmt die Darstellung vom div Element</p>
<p>text 2 übernimmt auch die Darstellung vom div Element</p>
<a href=# id="link4">link 4 übernimmt die Darstellung gemäss ID</a><br>
<a href=# class="fancylinks">fancy link übernimmt die Darstellung der class</a><br>
</div>
</body>
</html>


Hier wäre die Theorie dazu:
http://www.w3.org/TR/CSS21/cascade.html


HTH

(Dieser Beitrag wurde von Markus Walker am 12. Mai 2006, 07:25 geändert)
Änderungsverlauf:
Beitrag geändert von Markus Walker (Moderator) am 10. Mai 2006, 08:04
Beitrag geändert von Markus Walker (Moderator) am 12. Mai 2006, 07:25