power-box.de
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 12.01.2006, 15:27   #1
TP-Newbie
 
Registriert seit: Jan 2006
Angie83 macht alles soweit korrekt

Was ist hier falsch? CSS/ Linkfarbe


Das einzigste was ich möchte ist das die Links in #C6510D angezeigt werden, wenn man mit der Maus über einen Link fährt, er zu #800000 wird und bei aktivieren des Links er auch in dieser Farbe bleibt und nicht mehr in #C6510D zurückspringt. Wer kann mir helfen?
Hier der Code
a {color: #000000; font-family: Verdana; font-size: 18px; text-decoration: none; font-weight: normal; line-height: 24px;}
a:link {color: #800000; font-family: Verdana; font-size: 18px; text-decoration: none; font-weight: normal; line-height: 24px;}
a:visited {color: #C6510D; font-family: Verdana; font-size: 18px; text-decoration: none; font-weight: normal; line-height: 24px;}
a:hover {color: #800000; font-family: Verdana; font-size: 18px; text-decoration: none; font-weight: normal; line-height: 24px;}
a:active {color: #800000; font-family: Verdana; font-size: 18px; text-decoration: none; font-weight: normal; line-height: 24px;}
Angie83 ist offline   Mit Zitat antworten


Alt 12.01.2006, 15:31   #2
TP-Moderator
 
Benutzerbild von Adromir
 
Registriert seit: Jun 2004
Ort: Hannover
Adromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKE
Active wird nur in dem Moment angewand, wo du den Link klickst. Danach springt es gleich auf visited.
__________________
Je größer der Deppenfaktor, desto gigantischer das Bescheidwissergefühl
-Dieter Nuhr
Adromir ist gerade online   Mit Zitat antworten
Alt 12.01.2006, 15:32   #3
ingo
Guest
 
Zitat:
Zitat von Angie83
Wer kann mir helfen?
ich
Zitat:
Zitat von Angie83
Hier der Code
mit bestem dank zurück
Code:
a  {font-family: Verdana; font-size: 18px; text-decoration: none; font-weight: normal; line-height: 24px;}
a:link  {color: #C6510D;}
a:visited {color: #C6510D;}
a:hover  {color: #800000;}
a:active {color: #800000;}
a:focus {color: #800000;}
  Mit Zitat antworten
Alt 12.01.2006, 15:33   #4
TP-Newbie
 
Registriert seit: Jan 2006
Angie83 macht alles soweit korrekt
Soll ich active rausschmeißen?
Angie83 ist offline   Mit Zitat antworten
Alt 12.01.2006, 15:37   #5
TP-Newbie
 
Registriert seit: Jan 2006
Angie83 macht alles soweit korrekt
Danke Ingo funktioniert aber immer noch nicht auch nicht mit deinem Code!!
Ich versteh es nicht!
Angie83 ist offline   Mit Zitat antworten
Alt 12.01.2006, 15:50   #6
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Adromir hat doch gesagt, woran das liegt. Dein Vorhaben musst du anders lösen, mit einer extra Klasse, die du auf den Punkt anwendest, der "aktiviert" bleiben soll.

Das geht mit CSS allein oder auch mit Hilfe von PHP.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 12.01.2006, 17:17   #7
TP-Specialist
 
Benutzerbild von rewboss
 
Registriert seit: Mar 2005
Ort: Unterfranken
rewboss ist ein richtiges Arbeitstier - DANKErewboss ist ein richtiges Arbeitstier - DANKErewboss ist ein richtiges Arbeitstier - DANKErewboss ist ein richtiges Arbeitstier - DANKErewboss ist ein richtiges Arbeitstier - DANKErewboss ist ein richtiges Arbeitstier - DANKE
Bei deinem Code passiert folgendes:

Die Farbe #000000 wird nur bei <a>-Elementen verwendet, die keine Links sind.

Die Farbe #800000 wird als "Standard"-Linkfarbe definiert (a:link). Sie wird auch definiert für Links, die gerade angeklickt werden (a:active) sowie auch Links, über die der Mauszeiger gerade stehen (a:hover).

Die Farbe #C6510D wird für Links verwendet, die schon einmal besucht worden sind (a:visited).

In CSS werden "ältere" Regeln mit "neueren" Regeln immer überschrieben. Du hast die Linkfarben in der Reihenfolge :link, :visited, :hover und :active definiert. Ein besuchter Link nimmt also die Farbe #C6510D an es sei denn der Mauszeiger zeigt gerade drauf oder der Link wird gerade angeklickt. In dem Fall wird die Regel a:visited überschrieben mit a:hover bzw. a:active, d.h. der Link wird dann #800000.

Wenn ich dich richtig verstanden habe, brauchst du sowas hier:

Code:
a:link { color: #C6510D; }
a:visited, a:hover, a:active { color: #800000; }
(Wenn das nicht der Fall ist, musst du dich präziser ausdrücken.)
rewboss ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
Was ist hier falsch? CSS/ Linkfarbe Was ist hier falsch? CSS/ Linkfarbe
« Opera und Textarea | DIV nur mit Hintergrund verlinkbar? »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:36 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67