[CSS-Validator] Was bedeuten diese Fehler?

Tar · 29 September 2008

Diese "Eigenschaften" sind kein offizieller Standard. Sie wurden nur von den Gecko-Browsern eingeführt, weil es in CSS3 später runde Ecken geben soll. In CSS2 existieren diese Eigenschaften also noch nicht, obwohl sie schon von manchen Browsern dargestellt werden.

Siehe auch der Vermerk auf css4you:

Diese Eigenschaften gehören nicht zum offiziellen Standard des W3C, sondern sind in Anlehnung an die kommenden CSS-3-Eigenschaften von den Mozilla-Entwicklern eingeführt worden. Du kannst sie jederzeit einsetzen, musst aber damit rechnen, dass sie durch die CSS-3-Eigenschaften ausgetauscht werden, sobald diese offiziell verabschiedet sind.

Huoliuhi · 30 September 2008

Happy

bump and lurk

Maximillian · 10 Mai 2009

Einlesefehler!

Hallo,
ich habe eine Frage:
Wieso gibt es beim css-Validator einen Einlesefehler?

bei: #menue a:hover, #menue a.akt

Code:

 body {
    background-color: #F0F0F0;
    background-image: url(images/bgblau.jpg);
    background-repeat: repeat-y;
}
#halbkreis {
    position:absolute;
    width:197px;
    height:150px;
    z-index:2;
    left: 0px;
    top: 400px;
}
#main1 {
    width: 990px;
    left: 0px;
    top: 0px;
    height: 800px;
    position: absolute;
    bottom: 0px;
}
#Logo {
    height: 62px;
    width: 237px;
    background-image: url(images/logo.jpg);
}
#contentop {
    height: 36px;
    width: 736px;
    background-image: url(images/content_oben.jpg);
    background-repeat: no-repeat;
    margin-left: 196px;
}
#contentmitte {
    width: 736px;
    background-image: url(images/content_mitte.jpg);
    background-repeat: repeat-y;
    margin-left: 196px;
}
#contentbottom {
    height: 30px;
    width: 736px;
    margin-left: 196px;
    background-image: url(images/content_unten.jpg);
    margin-top: 0px;
    background-repeat: no-repeat;
}
#menue {
    height: 20px;
    width: 630px;
    margin-left: 94px;
    font-weight: bold;
    color: #909090;
    font-size: 12px;
    padding-top: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menue a {
    text-decoration: none;
    color: #909090;
    padding-top: 0px;
    padding-right: 6px;
    padding-bottom: 0px;
    padding-left: 6px;
}
#content a {
    color: #4752DA;
    text-decoration: none;
}

#content a:hover {
    color: #0D179D;
    text-decoration: none;
}



#bilder {
    height: 166px;
    width: 720px;
    margin-top: 4px;
}
#content {
    width: 550px;
    margin-left: 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 0px;
    padding-top: 0px;
    color: #666666;
    text-align: justify;
    padding-bottom: 35px;
    text-decoration: none;
    margin-top: 8px;
}

#contentmenue {
    color: #999999;
    font-weight: bold;
}


h2 {
    font-size: 16px;
    font-weight: bold;
    color: #0D179D;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(images/line.jpg);
    padding-bottom: 7px;
}
.line {
    background-image: url(images/line.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
}

.imgleft {
    float: left;
    border: 1px solid #BBBBBB;
    padding: 4px;
    margin-right: 25px;
}

#bottom_bottom {
    height: 25px;
    width: 736px;
    margin-left: 196px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #909090;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 5px;
}
#menue a:hover, {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #252FA0;
}
#menue a:hover, #menue a.akt {
    color: #0D179D;
}
.adresse_schrift_f {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
}
.schrift_12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
}
.schrift12kursiv {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
}
#contentmenue a {
    color: #909090;
    font-weight: bold;
}
#contentmenue a:hover {
    color: #212A9F;
    font-weight: bold;
}
#contentsuche {

    width: 550px;
    margin-left: 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 0px;
    padding-top: 0px;
    color: #666666;
    text-align: left;
    padding-bottom: 35px;
    text-decoration: none;
    margin-top: 8px;
}

Maximillian · 10 Mai 2009

war mein Fehler, konnte ihn beseitigen. Das habe ich nicht gesehen.

FoXMorayn · 10 Mai 2009

Speider schrieb:
Hallo
ich hab ein Problem mit -moz-border-radius.
Der Validator schreibt dass es diese Eigenschaft nicht gibt.
Hier der Linkzum Validator.
Hier hab ich den Code her.

Mfg Speider

-moz-border-radius ist auch nur für die gecko engine(firefox).
-webkit-border-radius ist das equivalent für browser die webkit nutzen(safari, chrome)
beides gehöhrt nicht zu css2. in css3 gibt es das attribut border-radius, aber css3 unterstützung kann man im moment noch nicht vorraussetzten.

EDIT: ups, bin wohl nen bisschen spät mit der antwort.

pax · 17 April 2012

Gehe ich recht in der Annahme, dass Fehler die dieser Validator anzeigt auch von Suchmaschinenbots etc. negativ bewertet werden ?
Wenn ja, gibt es eine Möglichkeit, Sequenzen wie z.B.

background:-moz-linear-gradient(top, #eaeaea, #808080)

so zu maskieren, dass sie weiter funktionieren, ohne aus dem css3 Standard zu fallen und als Fehler gewertet zu werden ?

threadi · 17 April 2012

Nein, CSS-"Fehler" werden von Suchmaschinen nicht wirklich bewertet. Für Suchmaschinen sind sichtbare Inhalte viel wichtiger.

Dragonstyle · 3 Juni 2012

Ich habe dies in css

/* =============================================================== */
Stylesheet fuer die Beispielsite aus "Little Boxes"
Stand: Ende Kapitel "Ordnung halten im Stylesheet"
Datei: bildschirm.css
Datum: 30.Mai 2012
Autor: Marc Schoeni
Aufbau:1. Kalibrierung und Restauration
2. Allgemeine Styles
3. Styles fuer Layoutbereiche
4. Sonstige Styles
*/================================================= */

/* ================================
1. Kalibrierung und Restauration
================================== */

* { padding: 0; margin: 0; }
html { overflow-y: scroll; }

h2, p, ul, ol { margin-bottom: 1em; }
ul ul { margin-bottom: 0; }
li margin-left: 1em ; }

/* hier ggfs. Abstände für weitere Elemente restaurieren */

/* ====================================
2. Allgemeine Styles
=================================== */

body {
background-color:#8c8c8c;
color: white;
font.family: Verdana,Arial,Helvetica,sans-serif;
font-size: small;
}
h1 { font-size: 150%; }
h2 { font-size: 130%; }
address {
text-align: center;
font-size: 80%;
font-style: normal;
letter-spacing: 2px;
line-height: 1.5;
}
a {
text-decoration: none;
/* outline: none *//* nur wenn es Sie wirklich stört*/
}
a:link { color: #d90000; }
a:visited { color: #cc6666; }
a:hover,
a:focus {
border-bottom: 1px solid #90000;
}
a:active {
color: white;
background-color: #d90000;
}
/* Allgemeine Klassen und IDs */
img#logo {
background-color: white;
color: black;
padding 10px;
border: 10px solid #d9d9d9;
}

/* ============================================================
3. Styles für die Layoutbereiche
============================================================ */

div#wrapper {
background-color: white;
color: black;
width: 720px;
margin 10px auto;
{
div#kopfbereich {
background: #ffe574 url(farbverlauf.jpg) repeat-y left top:
color: black;
padding: 10px 20px 0 20px;
}
p#slogan span {
color: #d90000
}
div#navibereich {
padding: 5px 20px 5px 20px;

#textbereich {
padding: 20px;

div#textbereich a {
boarder-botton: 1px dotted #cc0000;
}
div#textbereich a:hover,
div#textbereich a:focus {
boarder-bottom: 1px solid #d90000;

div#fussbereich {
padding; 10px 20px 20px 20px;
border-top: 1px solid #8c8c8c;
margin-top:0
}
/* ========================================================
4. Sonstige Styles
========================================================== */

/* ==========================================================
ENDE DES STYLESHEETS
========================================================== */

und Bekomme diese Fehler

[TD="class: linenumber"]17[/TD]
[TD="class: nocontext"][/TD]
[TD="class: parse-error"] Einlese-Fehler [ "Little Boxes" Stand: Ende Kapitel "Ordnung halten im Stylesheet" Datei: bildschirm.css Datum: 30.Mai 2012 Autor: Marc Schoeni Aufbau:1. Kalibrierung und Restauration 2. Allgemeine Styles 3. Styles fuer Layoutbereiche 4. Sonstige Styles */================================================= */ /* ================================ 1. Kalibrierung und Restauration ================================== */ *][/TD]

[TD="class: linenumber"]31
[/TD]
[TD="class: nocontext"][/TD]
[TD="class: parse-error"] Einlese-Fehler [: 1em ; } /* hier ggfs. Abst??nde f??r weitere Elemente restaurieren */ /* ==================================== 2. Allgemeine Styles =================================== */ body]
[/TD]

[TD="class: linenumber"]54
[/TD]
[TD="class: codeContext"] a:hover, a:focus[/TD]
[TD="class: parse-error"] Ungültige Nummer : border-bottom #90000 ist keine gültige Farbe mit 3 oder 6 Hexadezimalzahlen #90000[/TD]

[TD="class: linenumber"]64
[/TD]
[TD="class: codeContext"] img#logo[/TD]
[TD="class: parse-error"] Ungültige Nummer : padding Einlese-Fehler 10px[/TD]

[TD="class: linenumber"]76
[/TD]
[TD="class: codeContext"] div#wrapper[/TD]
[TD="class: parse-error"] Ungültige Nummer : margin Einlese-Fehler 10px auto[/TD]

[TD="class: linenumber"]113
[/TD]
[TD="class: codeContext"] div#wrapper[/TD]
[TD="class: parse-error"] Einlese-Fehler ; { div#kopfbereich { background: #ffe574 url(farbverlauf.jpg) repeat-y left top: color: black; padding: 10px 20px 0 20px; } p#slogan span { color: #d90000 } div#navibereich { padding: 5px 20px 5px 20px; #textbereich { padding: 20px; div#textbereich a { boarder-botton: 1px dotted #cc0000; } div#textbereich a:hover, div#textbereich a:focus { boarder-bottom: 1px solid #d90000; div#fussbereich { padding; 10px 20px 20px 20px; border-top: 1px solid #8c8c8c; margin-top:0 } /* ======================================================== 4. Sonstige Styles ========================================================== */ /* ========================================================== ENDE DES STYLESHEETS ========================================================== */

wiso das nur

Bitte Helft mir
[/TD]

threadi · 3 Juni 2012

Du hast die Kommentierung falsch gesetzt.

Falsch:

Code:

/*  ==================================================  ============= */
Stylesheet fuer die Beispielsite aus "Little Boxes"
Stand: Ende Kapitel "Ordnung halten im Stylesheet"
Datei: bildschirm.css
Datum: 30.Mai 2012
Autor: Marc Schoeni
Aufbau:1. Kalibrierung und Restauration
       2. Allgemeine Styles
       3. Styles fuer Layoutbereiche
       4. Sonstige Styles
*/================================================= */

Richtig:

Code:

/*  ==================================================  ============= 
Stylesheet fuer die Beispielsite aus "Little Boxes"
Stand: Ende Kapitel "Ordnung halten im Stylesheet"
Datei: bildschirm.css
Datum: 30.Mai 2012
Autor: Marc Schoeni
Aufbau:1. Kalibrierung und Restauration
       2. Allgemeine Styles
       3. Styles fuer Layoutbereiche
       4. Sonstige Styles
================================================= */

Die anderen Angabe sollten sich ja selbst erklären?

Dragonstyle · 3 Juni 2012

aber z.B dies stimmt ja nicht ist doch eine gütige farbe Ungültige Nummer : border-bottom #90000 ist keine gültige Farbe mit 3 oder 6 Hexadezimalzahlen #90000

oder Einlese-Fehler ; { div#kopfbereich { background: #ffe574 url(farbverlauf.jpg) repeat-y left top: color: black; padding: 10px 20px 0 20px; } p#slogan span { color: #d90000 } div#navibereich { padding: 5px 20px 5px 20px; #textbereich { padding: 20px; div#textbereich a { boarder-botton: 1px dotted #cc0000; } div#textbereich a:hover, div#textbereich a:focus { boarder-bottom: 1px solid #d90000; div#fussbereich { padding; 10px 20px 20px 20px; border-top: 1px solid #8c8c8c; margin-top:0 } /* ======================================================== 4. Sonstige Styles ========================================================== */ /* ========================================================== ENDE DES STYLESHEETS ========================================================== */

was kann ich für wenn er es nicht liest

Gruss Marc

threadi · 3 Juni 2012

In deinem ersten Quellcode steht z.B.

Code:

border-bottom: 1px solid #90000;

Dürfte klar ersichtlich sein?!

Und bitte verwende Code-Tags wenn Du Quellcode hier im Forum postest.

Dragonstyle · 3 Juni 2012

Einlese Fehler

Sry das ich so ungehobelt geschrieben habe, aber war einfach ein moment lang gereizt.
da Immer und Immer wieder so ein Fehler überigbleibt, oder sogar mehr daraus wurden.

Nichts desdotrotz habe ich die meisten fehler beheben können.

nur dieser hält sich wacker:sad:
und ich finde nichts darüber:sad:

Danke vielmals threadi

Code:

[TABLE]
[TR="class: error"]
[TD="class: linenumber"]28[/TD]
[TD="class: nocontext"][/TD]
[TD="class: parse-error"]                                              Einlese-Fehler                                                                                   [: 1em ; } /* hier ggfs. Abst??nde f??r weitere Elemente restaurieren */  /* ==================================== 2. Allgemeine Styles    =================================== */ body][/TD]
[/TR]
[/TABLE]

threadi · 3 Juni 2012

Schau mal genau hin was Du bei diesen Zeilen vergessen hast:

Code:

ul ul { margin-bottom: 0; }
li margin-left: 1em ; }

Fällt was auf? Ein Tipp: {

KaMaRoC · 26 Mai 2020

Wie kann ich sehen welche datei, man bearbeiten muss.

[CSS-Validator] Was bedeuten diese Fehler?

Tar

Aktives Mitglied

Huoliuhi

Guest

Maximillian

Mitglied

Maximillian

Mitglied

FoXMorayn

Guest

pax

Guest

threadi

Moderator

Dragonstyle

Neues Mitglied

threadi

Moderator

Dragonstyle

Neues Mitglied

threadi

Moderator

Dragonstyle

Neues Mitglied

threadi

Moderator

KaMaRoC

Neues Mitglied

Neueste Beiträge