nicht angemeldet
Validator: Farben?
Hallo,
was will mir denn der CSS-Validator da weißmachen? Ich lese immer nur Hintergrundfarbe?
Eric
---
Line : 3 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a
Line : 8 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : a:active
Line : 12 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .group und body
Line : 12 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : body
Line : 29 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : h1
Line : 29 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .linkboxtd1 und h1
Line : 29 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .itemtd und h1
Line : 37 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : h2
Line : 37 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .itemtd und h2
Line : 37 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .linkboxtd1 und h2
Line : 45 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : h3
Line : 45 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .linkboxtd1 und h3
Line : 45 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .itemtd und h3
Line : 53 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .group und p
Line : 53 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : p
Line : 86 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .group und li
Line : 86 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : li
Line : 91 Level : 2 Erneute Definition von margin-left : li
Line : 92 Level : 2 Erneute Definition von margin-right : li
Line : 97 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : ol
Line : 97 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .group und ol
Line : 105 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .group und ul
Line : 105 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : ul
Line : 115 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .group und table
Line : 115 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : table
Line : 121 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .group und td
Line : 121 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : td
Line : 127 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : th
Line : 127 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .group und th
Line : 133 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .group und tr
Line : 133 Level : 1 Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben : tr
Ihr validiertes Cascading Style Sheet:
a {
color : #ff8000;
font-family : "Arial", "Helvetica", sans-serif;
}
a:active {
color : #ff0000;
}
body {
color : #800000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 13px;
margin-left : 0;
margin-bottom : 0;
margin-right : 0;
}
h1 {
color : #c00000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 21px;
margin-left : 10px;
margin-right : 50px;
}
h2 {
color : #c00000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 17px;
margin-left : 25px;
margin-right : 50px;
}
h3 {
color : #c00000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 14px;
margin-left : 40px;
margin-right : 50px;
}
p {
color : #800000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 13px;
margin-left : 50px;
margin-right : 50px;
text-align : justify;
}
img {
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
margin-top : 0;
}
.himage {
float : right;
margin-left : 10px;
margin-right : 10px;
}
input {
margin : 0;
}
form {
margin : 0;
}
li {
color : #800000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 13px;
list-style-position : inside;
margin : 0;
margin-left : 50px;
margin-right : 50px;
padding : 0;
}
ol {
color : #800000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 13px;
margin : 0;
padding : 0;
}
ul {
color : #800000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 13px;
list-style-image : url(grafik/icons/bullet.gif);
margin : 0;
padding : 0;
}
table {
color : #800000;
empty-cells : show;
font-family : "Arial", "Helvetica", sans-serif;
}
td {
color : #800000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 13px;
}
th {
color : #800000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 13px;
}
tr {
color : #800000;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 13px;
}
.eingabebereich {
font-size : 13px;
}
.itema {
color : #ffffff;
font-size : 12px;
text-decoration : none;
}
.itemtd {
background : #c00000;
background-image : url(grafik/bg/arrow.gif);
background-repeat : no-repeat;
cursor : pointer;
padding-left : 9px;
text-align : left;
}
.group {
background : #800000;
color : #ffffff;
font-family : "Arial", "Helvetica", sans-serif;
font-size : 13px;
text-align : center;
width : 90px;
}
.linkboxtable {
border : 1px solid #c00000;
float : right;
margin-left : 10px;
margin-right : 10px;
width : 150px;
}
.linkboxtd1 {
background-color : #c00000;
color : #ffd0d0;
text-align : center;
}
.linkboxtd2 {
background-color : #ffffd0;
text-align : center;
}
-
Moin!
Hallo,
was will mir denn der CSS-Validator da weißmachen? Ich lese immer nur Hintergrundfarbe?
Das sind Warnungen, die dich darauf hinweisen sollen, dass du möglicherweise den Gestaltungsstil "Weißer Adler auf weißem Grund" generierst.
Beispiel:
body { background-color:white; }
p { color:black; }Das wird bei p Gemecker über eine nicht definierte Hintergrundfarbe auslösen. Ist aber vollkommen ungefährlich, weil p ja meist in body enthalten ist und dessen Hintergrundfarbe gilt.
Der hier im Forum gegebene Hinweis, diese Warnung durch die Angabe "background-color:transparent" oder "inherit" auszuschalten, ist allerdings nicht wirklich schön - Netscape 4 ersetzt diese Angaben, weil er damit nichts anfangen kann, durch Schwarz oder Grün, und außerdem kann dir auch damit immer noch der "Weiße Adler auf weißem Grund" passieren.
Du solltest also diese Warnungen lesen - und dann ignorieren. Es sind lediglich Hinweise, es ist nichts falsch.
- Sven Rautenberg
--
SELFTREFFEN 2003 - http://selftreffen.kuemmi.ch/
ss:) zu:) ls:[ fo:} de:] va:) ch:] sh:) n4:# rl:| br:< js:| ie:( fl:( mo:| -
Hallo,
was will mir denn der CSS-Validator da weißmachen? Ich lese immer nur Hintergrundfarbe?
Er hat dir aber ziemlich genaue Antworten gegeben.
Zusätzlich zu dem was Sven sagte:
Line : 29 Level : 1 Die gleichen Farben für den Vordergrund und den Hintergrund in den zwei Kontexten .linkboxtd1 und h1
d.h.
du hast:
h1 { color:#c00000; } und .linkboxtd1 {background-color:#c00000; }Würdest du jetzt z.B. <div class="linkboxtd1"><h1></h1></div> wo stehen, hättest du "weisse Adler auf weissem Hintergrund".
Line : 91 Level : 2 Erneute Definition von margin-left : li
Line : 92 Level : 2 Erneute Definition von margin-right : lid.h. du hast:
li {
margin : 0;
margin-left : 50px;
margin-right : 50px;
}mit margin:0; hast du bereits alle 4 margins gesetzt.
nochwas:
font-family : "Arial", "Helvetica", sans-serif;
besser wäre:
font-family :Arial, Helvetica, "Schriftart mit Leerzeichen im Namen", sans-serif;Grüße
Thomas