123Mona321
Hallo GBler,
ich brauche wieder mal eure Hilfe, und zwar werden bei folgendem Code die Farben für den Body und die Links nicht umgesetzt. Was ist da falsch?
| code: |
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:
|
BODY {
color: white;
text-align: left;
font-family: Arial;
font-size: 12px;
background-attachment: fixed;
background-position:0px 0px;
}
a:link {
font-family: Arial;
font-size: 10px;
color: #006400;
text-decoration: underline;
}
a:visited {
font-family: Arial;
font-size: 10px;
color: #006400;
text-decoration: underline;
}
a:active {
font-family: Arial;
font-size: 10px;
color: #006400;
text-decoration: underline;
}
a:hover {
font-family: Arial;
font-size: 10px;
color: #006400;
text-decoration: overline;
}
|
|
Oli
Hi,
ist das das komplette CSS? Fehler an anderen Stellen, die damit eigentlich nichts zutun haben, könnten dafür sorgen, dass der Teil garnicht mehr bearbeitet wird, beispielsweise ein vergessenes } weiter oben.
Falls nein, poste bitte das gesamte CSS. Der gepostete Code an sich sollte funktionieren.
LG
123Mona321
Das ist der gesamte Code. *verwundert*
Woran könnte das noch liegen, dass die Seite nicht in dem Design angezeigt wird?
Oli
Hi,
vielleicht das CSS falsch eingebunden? Kann man sich das mal irgendwo ansehen?
LG
Schatti
Meinst ja nur die Links oder?
Hast auch beim Menü selbst den CSS Code eingefügt das es übernommen wird?
Oli
Hi,
du bindest zwar die style.css ein, überschreibst aber die dort gemachten Angaben direkt in der Menu.html:
| code: |
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:
|
<link rel="stylesheet" href="style.css">
<style type="text/css">
<!--
a:link {
font-family: Arial;
font-size: 10px;
color: darkgreen;
text-decoration: underline;
}
a:visited {
font-family: Arial;
font-size: 10px;
color: darkgreen;
text-decoration: underline;
}
a:active {
font-family: Arial;
font-size: 10px;
color: darkgreen;
text-decoration: underline;
}
a:hover {
font-family: Arial;
font-size: 10px;
color: darkgreen;
text-decoration: overline;
}
-->
</style> |
|
LG
123Mona321
Den CSS-Code habe ich direkt ins menu.htm eingefügt, oben in den Head.
| code: |
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:
|
<head>
<title>Menü</title>
<link rel="stylesheet" href="style.css">
<style type="text/css">
<!--
a:link {
font-family: Arial;
font-size: 10px;
color: darkgreen;
text-decoration: underline;
}
a:visited {
font-family: Arial;
font-size: 10px;
color: darkgreen;
text-decoration: underline;
}
a:active {
font-family: Arial;
font-size: 10px;
color: darkgreen;
text-decoration: underline;
}
a:hover {
font-family: Arial;
font-size: 10px;
color: darkgreen;
text-decoration: overline;
}
-->
</style>
</head>
|
|
Oli
Wie bereits gesagt, du
überschreibst die Werte.
Was in deiner style.css steht, ist vollkommen egal, wenn du darunter mit
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
|
a:link {
font-family: Arial;
font-size: 10px;
color: darkgreen;
text-decoration: underline;
}
|
|
die Farbe dunkelgrün festlegst.
Reden wir aneinander vorbei? Wo
genau sollten die Farben denn angewendet werden - und werden es nicht?
123Mona321
Ich meinte es so:
die Bodyschriftfarbe weiß, die Linkfarben beim Menu dunkelgrün und beim Body hellgrün.
Oli
Hi,
| Zitat: |
Original von 123Mona321
Ich meinte es so:
die Bodyschriftfarbe weiß, die Linkfarben beim Menu dunkelgrün und beim Body hellgrün. |
alles klar. Du hast also gerade das Problem, dass die Linkfarbe im Body die Selbe ist, wie im Menü?
Das liegt dann daran, dass das Schlüsselwort
darkgreen dem Farbcode
#006400 entspricht. Du hast also beides mal - unabsichtlich - die gleiche Farbe angegeben. Gib in der style.css ein helleres grün an, dann sollte es passen
LG