• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Linkfarbe ändert sich nicht...

Status
Für weitere Antworten geschlossen.

welthund

Neues Mitglied
Mein Problem ist folgendes:
Bin grade dabei mit eine Homepage zu basteln und es klappt auch alles wie geschmiert, nur eine einzige Sache nicht und die bringt mich fast zum platzen, weil ich schon soviel ausprobiert habe, es aber einfach nicht klappen will! Und zwar sehen die normalen Textlinks bei mir nicht so aus, wie sie aussehen sollen. Das hier ist meine Seite: 13th FICTION - Vol 1.0
Und der Link ("hier") im Content ist das Problem, er hat diese komische-standart-Linkfarbe >.<
Und hier ist mein CCS-Code:
HTML:
td, div, textarea, input {
color: #7B7B62; 
font-size: 7pt; 
font-family: Verdana; 
line-height: 9pt; 
font-weight: normal; 
cursor: normal;}


A.button:link,  A.button:visited, A.button:active {
font-weight: normal;
background: #ECE7DC;
color: #7B7B62;
text-decoration: none;
font-family: Verdana;
font-size: 7pt;
line-height: 10pt;
display: block;
margin: 0px 0px 1px 1px;
text-align: center;
cursor: normal;}


A.button:hover {
font-weight: normal;
text-transform: none;
background: #ECE7DC;
color: #7B7B62;
border-left: 10px solid #AA9F84;
border-right: 10px solid #AA9F84;
text-decoration: none;
font-family: Verdana;
font-size: 7pt;
cursor: default;
display: block;
line-height: 10pt;
cursor: normal;}95A3CE


a.normal:link, a.normal:visited, a.normal:active {
font-family: Verdana;
font-size: 7pt;
text-transform: none;
font-weight: normal;
color: #808DD5;
text-decoration: none;
letter-spacing: 1pt;
cursor: normal;}


a.normal:hover {
font-family: Verdana;
font-size: 7pt;
text-transform: none;
font-weight: normal;
color: #7B7B62;
letter-spacing: 1pt;
text-decoration: none;
cursor: normal;}


h1 {
FONT-SIZE: 8pt;
COLOR: #fff;
font-weight: normal;
margin: 5px 0px;
padding-left: 3px;
font-family: Verdana;
line-height: 7pt;
letter-spacing: 6px;
text-transform: normal;
background-color: #AA9F84;
display: block;
text-align: right;
cursor: normal;}


b {color: #F6A3C7; font-family: Verdana; font-size: 7pt; line-height: 9pt; cursor: text; font-weight: bold;}
i {color: #D6B895; font-family: Verdana; font-size: 7pt; line-height: 9pt; cursor: text; font-weight: none;}
u {color: #AFCB89; font-family: Verdana; font-size: 7pt; line-height: 9pt; cursor: text; text-decoration: none;  border-bottom: 1px dotted #7B7B62;}
s {color: #A16A61; font-family: Verdana; font-size: 7pt; line-height: 9pt; cursor: text; text-decoration: line-trough;}


::-moz-selection {
background:#FAFAE0;
color:#7B7B62;}
Helft mir, bitte!! Bevor ich hier echt noch platze XD
xoxo
 
Hallo,

Die richtige Reihenfolge für die Definition der Pseudoklassen ist:
:link
:visited
:hover
:active

Gruß,
-Efchen
 
ömmm...*hust*
klappt nicht....liegt wohl aber eher daran, dass ich nicht weiß wie
ich das jetzt richtig hinschreiben soll XD
könntest du mir das vllt sagen???
xoxo
 
Naja, nacheinander in der richtigen Reihenfolge?
Deine ist :link, :visited, :active, :hover
 
jaaa...schon klar, aber ich glaube ich mach's falsch, weil es nicht klappt (O_o)
ich habe das jetzt so gemacht, alles einzeln?!

HTML:
td, div, textarea, input {
color: #7B7B62; 
font-size: 7pt; 
font-family: Verdana; 
line-height: 9pt; 
font-weight: normal; 
cursor: normal;}


A.button:link,  A.button:visited, A.button:active {
font-weight: normal;
background: #ECE7DC;
color: #7B7B62;
text-decoration: none;
font-family: Verdana;
font-size: 7pt;
line-height: 10pt;
display: block;
margin: 0px 0px 1px 1px;
text-align: center;
cursor: normal;}


A.button:hover {
font-weight: normal;
text-transform: none;
background: #ECE7DC;
color: #7B7B62;
border-left: 10px solid #AA9F84;
border-right: 10px solid #AA9F84;
text-decoration: none;
font-family: Verdana;
font-size: 7pt;
cursor: default;
display: block;
line-height: 10pt;
cursor: normal;}


a.normal:link {
font-family: Verdana;
font-size: 7pt;
text-transform: none;
font-weight: normal;
color: #808DD5;
text-decoration: none;
letter-spacing: 1pt;
cursor: normal;}


a.normal:visited {
font-family: Verdana;
font-size: 7pt;
text-transform: none;
font-weight: normal;
color: #808DD5;
text-decoration: none;
letter-spacing: 1pt;
cursor: normal;}


a.normal:hover {
font-family: Verdana;
font-size: 7pt;
text-transform: none;
font-weight: normal;
color: #7B7B62;
letter-spacing: 1pt;
text-decoration: none;
cursor: normal;}


a.normal:activer {
font-family: Verdana;
font-size: 7pt;
text-transform: none;
font-weight: normal;
color: #808DD5;
text-decoration: none;
letter-spacing: 1pt;
cursor: normal;}


h1 {
FONT-SIZE: 8pt;
COLOR: #fff;
font-weight: normal;
margin: 5px 0px;
padding-left: 3px;
font-family: Verdana;
line-height: 7pt;
letter-spacing: 6px;
text-transform: normal;
background-color: #AA9F84;
display: block;
text-align: right;
cursor: normal;}


b {color: #F6A3C7; font-family: Verdana; font-size: 7pt; line-height: 9pt; cursor: text; font-weight: bold;}
i {color: #D6B895; font-family: Verdana; font-size: 7pt; line-height: 9pt; cursor: text; font-weight: none;}
u {color: #AFCB89; font-family: Verdana; font-size: 7pt; line-height: 9pt; cursor: text; text-decoration: none;  border-bottom: 1px dotted #7B7B62;}
s {color: #A16A61; font-family: Verdana; font-size: 7pt; line-height: 9pt; cursor: text; text-decoration: line-trough;}


::-moz-selection {
background:#FAFAE0;
color:#7B7B62;}
was ist diesmal falsch?? XD
 
Hmmm...wieso, funktioniert doch das hover!?
Im Menü sieht man was, bei dem Link namens "hier" sieht man nichts, weil da nichts definiert ist.

Was soll denn noch nicht in Ordnung sein?
 
häää *überfordert sei* XD
warum soll denn bei dem link "hier" nichts definiert sein?!
ist doch...oder nicht......??
 
Du hast nur Definitionen für Links hinterlegt, die entweder die Klasse "button" oder die Klasse "normal" haben. Dein "hier" hat aber keine Klasse. :-)

Schönes Wochenende,
-Efchen
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben