1. Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!
    Information ausblenden

[CSS-Validator] Was bedeuten diese Fehler?

Dieses Thema im Forum "CSS" wurde erstellt von Maxi, 14 Oktober 2007.

  1. Tar

    Tar Aktives Mitglied

    Registriert seit:
    17 Oktober 2005
    Beiträge:
    1.152
    Punkte für Erfolge:
    38
    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:
     
    Werbung:

    Jetzt registrieren, damit diese Werbung verschwindet
  2. Huoliuhi

    Huoliuhi Guest

    Happy

    bump and lurk
     
  3. Maximillian

    Maximillian Mitglied

    Registriert seit:
    5 Oktober 2007
    Beiträge:
    55
    Punkte für Erfolge:
    6
    Einlesefehler!

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

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

    Code (text):
    1.  body {
    2.     background-color: #F0F0F0;
    3.     background-image: url(images/bgblau.jpg);
    4.     background-repeat: repeat-y;
    5. }
    6. #halbkreis {
    7.     position:absolute;
    8.     width:197px;
    9.     height:150px;
    10.     z-index:2;
    11.     left: 0px;
    12.     top: 400px;
    13. }
    14. #main1 {
    15.     width: 990px;
    16.     left: 0px;
    17.     top: 0px;
    18.     height: 800px;
    19.     position: absolute;
    20.     bottom: 0px;
    21. }
    22. #Logo {
    23.     height: 62px;
    24.     width: 237px;
    25.     background-image: url(images/logo.jpg);
    26. }
    27. #contentop {
    28.     height: 36px;
    29.     width: 736px;
    30.     background-image: url(images/content_oben.jpg);
    31.     background-repeat: no-repeat;
    32.     margin-left: 196px;
    33. }
    34. #contentmitte {
    35.     width: 736px;
    36.     background-image: url(images/content_mitte.jpg);
    37.     background-repeat: repeat-y;
    38.     margin-left: 196px;
    39. }
    40. #contentbottom {
    41.     height: 30px;
    42.     width: 736px;
    43.     margin-left: 196px;
    44.     background-image: url(images/content_unten.jpg);
    45.     margin-top: 0px;
    46.     background-repeat: no-repeat;
    47. }
    48. #menue {
    49.     height: 20px;
    50.     width: 630px;
    51.     margin-left: 94px;
    52.     font-weight: bold;
    53.     color: #909090;
    54.     font-size: 12px;
    55.     padding-top: 0px;
    56.     font-family: Verdana, Arial, Helvetica, sans-serif;
    57. }
    58. #menue a {
    59.     text-decoration: none;
    60.     color: #909090;
    61.     padding-top: 0px;
    62.     padding-right: 6px;
    63.     padding-bottom: 0px;
    64.     padding-left: 6px;
    65. }
    66. #content a {
    67.     color: #4752DA;
    68.     text-decoration: none;
    69. }
    70.  
    71. #content a:hover {
    72.     color: #0D179D;
    73.     text-decoration: none;
    74. }
    75.  
    76.  
    77.  
    78. #bilder {
    79.     height: 166px;
    80.     width: 720px;
    81.     margin-top: 4px;
    82. }
    83. #content {
    84.     width: 550px;
    85.     margin-left: 100px;
    86.     font-family: Verdana, Arial, Helvetica, sans-serif;
    87.     font-size: 12px;
    88.     margin-bottom: 0px;
    89.     padding-top: 0px;
    90.     color: #666666;
    91.     text-align: justify;
    92.     padding-bottom: 35px;
    93.     text-decoration: none;
    94.     margin-top: 8px;
    95. }
    96.  
    97. #contentmenue {
    98.     color: #999999;
    99.     font-weight: bold;
    100. }
    101.  
    102.  
    103. h2 {
    104.     font-size: 16px;
    105.     font-weight: bold;
    106.     color: #0D179D;
    107.     font-family: Verdana, Arial, Helvetica, sans-serif;
    108.     background-image: url(images/line.jpg);
    109.     padding-bottom: 7px;
    110. }
    111. .line {
    112.     background-image: url(images/line.jpg);
    113.     background-repeat: no-repeat;
    114.     background-position: bottom;
    115. }
    116.  
    117. .imgleft {
    118.     float: left;
    119.     border: 1px solid #BBBBBB;
    120.     padding: 4px;
    121.     margin-right: 25px;
    122. }
    123.  
    124. #bottom_bottom {
    125.     height: 25px;
    126.     width: 736px;
    127.     margin-left: 196px;
    128.     font-family: Verdana, Arial, Helvetica, sans-serif;
    129.     font-size: 10px;
    130.     color: #909090;
    131.     text-align: center;
    132.     padding-bottom: 20px;
    133.     padding-top: 5px;
    134. }
    135. #menue a:hover, {
    136.     font-family: Verdana, Arial, Helvetica, sans-serif;
    137.     color: #252FA0;
    138. }
    139. #menue a:hover, #menue a.akt {
    140.     color: #0D179D;
    141. }
    142. .adresse_schrift_f {
    143.     font-family: Verdana, Arial, Helvetica, sans-serif;
    144.     font-weight: bold;
    145.     font-size: 10px;
    146. }
    147. .schrift_12 {
    148.     font-family: Verdana, Arial, Helvetica, sans-serif;
    149.     font-weight: bold;
    150.     font-size: 12px;
    151. }
    152. .schrift12kursiv {
    153.     font-family: Verdana, Arial, Helvetica, sans-serif;
    154.     font-size: 12px;
    155.     font-style: italic;
    156. }
    157. #contentmenue a {
    158.     color: #909090;
    159.     font-weight: bold;
    160. }
    161. #contentmenue a:hover {
    162.     color: #212A9F;
    163.     font-weight: bold;
    164. }
    165. #contentsuche {
    166.  
    167.     width: 550px;
    168.     margin-left: 100px;
    169.     font-family: Verdana, Arial, Helvetica, sans-serif;
    170.     font-size: 12px;
    171.     margin-bottom: 0px;
    172.     padding-top: 0px;
    173.     color: #666666;
    174.     text-align: left;
    175.     padding-bottom: 35px;
    176.     text-decoration: none;
    177.     margin-top: 8px;
    178. }
    179.                        
    180.  
     
  4. Maximillian

    Maximillian Mitglied

    Registriert seit:
    5 Oktober 2007
    Beiträge:
    55
    Punkte für Erfolge:
    6
    war mein Fehler, konnte ihn beseitigen. Das habe ich nicht gesehen.:D
     
  5. FoXMorayn

    FoXMorayn Guest

    -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.
     
  6. pax

    pax Guest

    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 ?
     
    Zuletzt von einem Moderator bearbeitet: 19 April 2012
  7. threadi

    threadi Moderator Team Moderator

    Registriert seit:
    20 Oktober 2006
    Beiträge:
    15.065
    Punkte für Erfolge:
    83
    Nein, CSS-"Fehler" werden von Suchmaschinen nicht wirklich bewertet. Für Suchmaschinen sind sichtbare Inhalte viel wichtiger.
     
  8. Dragonstyle

    Dragonstyle Neues Mitglied

    Registriert seit:
    3 Juni 2012
    Beiträge:
    3
    Punkte für Erfolge:
    0
    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

    [TABLE]
    [TR="class: error"]
    [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]
    [/TR]
    [TR="class: error"]
    [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]
    [/TR]
    [TR="class: error"]
    [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]
    [/TR]
    [TR="class: error"]
    [TD="class: linenumber"]64
    [/TD]
    [TD="class: codeContext"] img#logo[/TD]
    [TD="class: parse-error"] Ungültige Nummer : padding Einlese-Fehler 10px[/TD]
    [/TR]
    [TR="class: error"]
    [TD="class: linenumber"]76
    [/TD]
    [TD="class: codeContext"] div#wrapper[/TD]
    [TD="class: parse-error"] Ungültige Nummer : margin Einlese-Fehler 10px auto[/TD]
    [/TR]
    [TR="class: error"]
    [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]
    [/TR]
    [/TABLE]
     
    Zuletzt bearbeitet: 3 Juni 2012
  9. threadi

    threadi Moderator Team Moderator

    Registriert seit:
    20 Oktober 2006
    Beiträge:
    15.065
    Punkte für Erfolge:
    83
    Du hast die Kommentierung falsch gesetzt.

    Falsch:
    Code (text):
    1. /*  ==================================================  ============= */
    2. Stylesheet fuer die Beispielsite aus "Little Boxes"
    3. Stand: Ende Kapitel "Ordnung halten im Stylesheet"
    4. Datei: bildschirm.css
    5. Datum: 30.Mai 2012
    6. Autor: Marc Schoeni
    7. Aufbau:1. Kalibrierung und Restauration
    8.        2. Allgemeine Styles
    9.        3. Styles fuer Layoutbereiche
    10.        4. Sonstige Styles
    11. */================================================= */
    Richtig:
    Code (text):
    1. /*  ==================================================  =============
    2. Stylesheet fuer die Beispielsite aus "Little Boxes"
    3. Stand: Ende Kapitel "Ordnung halten im Stylesheet"
    4. Datei: bildschirm.css
    5. Datum: 30.Mai 2012
    6. Autor: Marc Schoeni
    7. Aufbau:1. Kalibrierung und Restauration
    8.        2. Allgemeine Styles
    9.        3. Styles fuer Layoutbereiche
    10.        4. Sonstige Styles
    11. ================================================= */
    Die anderen Angabe sollten sich ja selbst erklären?
     
  10. Dragonstyle

    Dragonstyle Neues Mitglied

    Registriert seit:
    3 Juni 2012
    Beiträge:
    3
    Punkte für Erfolge:
    0
    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
     
  11. threadi

    threadi Moderator Team Moderator

    Registriert seit:
    20 Oktober 2006
    Beiträge:
    15.065
    Punkte für Erfolge:
    83
    In deinem ersten Quellcode steht z.B.

    Code (text):
    1. border-bottom: 1px solid #90000;
    Dürfte klar ersichtlich sein?!

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

    Dragonstyle Neues Mitglied

    Registriert seit:
    3 Juni 2012
    Beiträge:
    3
    Punkte für Erfolge:
    0
    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.:D nur dieser hält sich wacker:sad:
    und ich finde nichts darüber:sad:

    Danke vielmals threadi

    Code (text):
    1. [TABLE]
    2. [TR="class: error"]
    3. [TD="class: linenumber"]28[/TD]
    4. [TD="class: nocontext"][/TD]
    5. [TD="class: parse-error"]                                              Einlese-Fehler                                                                                   [: 1em ; } /* hier ggfs. Abst??nde f??r weitere Elemente restaurieren */  /* ==================================== 2. Allgemeine Styles    =================================== */ body][/TD]
    6. [/TR]
    7. [/TABLE]
    8.  
     
  13. threadi

    threadi Moderator Team Moderator

    Registriert seit:
    20 Oktober 2006
    Beiträge:
    15.065
    Punkte für Erfolge:
    83
    Schau mal genau hin was Du bei diesen Zeilen vergessen hast:

    Code (text):
    1. ul ul { margin-bottom: 0; }
    2. li margin-left: 1em ; }
    Fällt was auf? Ein Tipp: {